圖像網格行html和css

Question

每個人，我試圖添加一個網格的產品到我的網站與描述。東西Grid View是這樣的？我會怎麼做？任何幫助？

Answer 1

您可以使用引導Grid System。

<div class="fluid-container"> 
    <div class="row"> 
     <div class"col-lg-3 col-md-3 col-sm-6 col-xs-12"> 
     <div class"col-lg-3 col-md-3 col-sm-6 col-xs-12"> 
     <div class"col-lg-3 col-md-3 col-sm-6 col-xs-12"> 
     <div class"col-lg-3 col-md-3 col-sm-6 col-xs-12"> 
    </div> 
    <div class="row"> 
     <div class"col-lg-3 col-md-3 col-sm-6 col-xs-12"> 
     <div class"col-lg-3 col-md-3 col-sm-6 col-xs-12"> 
     <div class"col-lg-3 col-md-3 col-sm-6 col-xs-12"> 
     <div class"col-lg-3 col-md-3 col-sm-6 col-xs-12"> 
    </div> 
</div> 

Quick Bootstrap CDN

Answer 2

你把bootstrap鏈接到你的項目了嗎？ 如果你有他們有一個好的和易於使用的網格系統。

bootstrap grid system

<div class="row"> 
     <div class="col-sm-3"></div> 
     <div class="col-sm-3"></div> 
     <div class="col-sm-3"></div> 
     <div class="col-sm-3"></div> 
    </div>