Bootstrap: 3 列无边距

Question

我正在做一个网站。

我正在尝试使用 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 -->

我该如何解决？

Answer 1

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

看这段代码

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

Answer 2

给容器 margin 0 div .. 完成

Answer 3

而不是 "container" class 使用 "container-fluid" class 作为包装器 div.

Bootstrap: 3 列无边距

Bootstrap: 3 columns without margin

html

css

margin

responsive-design

twitter-bootstrap