Bootstrap：3列无边距答案

【问题标题】：Bootstrap: 3 columns without marginBootstrap：3列无边距
【发布时间】：2016-01-05 18:57:18
【问题描述】：

我正在开发一个网站。

我正在尝试使用 Bootstrap 创建如下布局。

你可以看到元素在里面，但是我想构建这个没有边距的单页。

（我的意思是右边的图片，没有边距）

HTML：

<div class="container">
  <div class="row">
    <div class="col-md-3 sinistra">
      <h4><br><br><br>Uferstrasse 90, 4057 Basel</h4>
    </div>
    <div class="col-md-3 centrale">
      <img class="img-responsive" src="img/logo.png" />
    </div>
    <div class="col-md-6 no-float destra">
      <img class="" src="img/simona.jpg" />
    </div>
  </div>
  <!-- /.row -->
</div>
<!-- /.container -->

我该如何解决？

【问题讨论】：

代替 class="container" 添加 class="container-fluid"
Bootstrap 在 .row 内的第一个和最后一个内部 DIV 的左侧和右侧使用负边距，并在每个 .col-* 上使用相等的填充。 “没有边距”是什么意思？你确定你的意思不是“没有填充”吗？请提供一个带有工作示例的 jsFiddle，以便我们直接尝试

标签： html css twitter-bootstrap responsive-design margin

【解决方案1】：

使用“container-fluid”类代替“container”类来包装 div。

【讨论】：

【解决方案2】：

给容器 div 的边距 0 .. 完成

【讨论】：

【解决方案3】：

像 col-md-3 这样的列有右填充和左填充.. ovveride 这个填充，你会得到你想要的..

看看这段代码。

.col-md-3 {padding-right:0;padding-left:0;}

【讨论】：