图像网格行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>