如何让我的引导网格没有填充？答案

【问题标题】：How do I get no padding for my bootstrap grid?如何让我的引导网格没有填充？
【发布时间】：2017-09-22 22:41:29
【问题描述】：

这是我的网页

www.cosmic.chillcastle.com

我想一起消除填充。

我一直在使用 css，但似乎没有这样做。此外，在移动设备中，垂直方向看起来很棒，但水平方向堆叠起来很奇怪。

我尝试使用 css 单独更正每个元素以使其没有填充。

这是我使用的网格代码。

 <div class="col-1-3">
 <div class="module">

<img class="img-responsive" src="cosmicveggie-banner2_02.jpg" width:"100%" >        
 </div>
</div>
</div>

<div class="col-1-3">
 <div class="module">

<img class="img-responsive" src="cosmicveggie-banner2_03.jpg" width:"100%" >        
 </div>
 </div>

【问题讨论】：

请发布相关代码而不是外部链接。外部站点似乎没有使用 Bootstrap 网格，而是在 dog2.css 中引用 css 类
嘿@zimsystem 添加了我正在使用的引导代码。这有帮助吗？
没有太多，因为 col-1-3 和 module 不是 Bootstrap 类，所以它似乎与“我的引导网格没有填充”无关

标签： twitter-bootstrap grid padding

【解决方案1】：

就像 ZimSystem 提到的 col-1-3 和 module 不是 Bootstrap 类。 Bootstrap 网格被排列成需要在容器内的行和列。所以你的整体结构需要看起来像这样：

<div class="container">
  <div class="row">
    <div class="col">
      <img class="img-responsive" src="cosmicveggie-banner1.jpg" width:"100%" >
    </div>
    <div class="col">
      <img class="img-responsive" src="cosmicveggie-banner2.jpg" width:"100%" >
    </div>
    <div class="col">
      <img class="img-responsive" src="cosmicveggie-banner3.jpg" width:"100%" >
    </div>
  </div>
</div>

查看此explanation in the documentation。

【讨论】：

【解决方案2】：

@dunnj515 ，@zimsystem 谢谢，我最终放弃了整个布局并这样做：

 <div class="row">

 <div class="col-sm-4" > 
 <img class="img-responsive" src="cosmicveggie-banner2_01.jpg" width:"100%" >
</div>

<div class="col-sm-4" > <img class="img-responsive" src="cosmicveggie-banner2_02.jpg" width:"100%" ></div>
<div class="col-sm-4"> <img class="img-responsive" src="cosmicveggie-banner2_03.jpg" width:"100%" ></div>

【讨论】：