图像网格行 html 和 css答案

【问题标题】：Image grid rows html and css图像网格行 html 和 css
【发布时间】：2017-10-17 03:33:28
【问题描述】：

大家，我正在尝试向我的网站添加一个带有描述的产品网格。像这样的Grid View？我该怎么做？有什么帮助吗？

【问题讨论】：

请在提问前尝试一下并告诉我们。

【解决方案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

【讨论】：

【解决方案2】：

您是否将引导程序链接到您的项目？如果你这样做，他们有一个很好且易于使用的网格系统。

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>

【讨论】：