twitter-bootstrap - 删除空间引导程序 3 网格系统

Question

我有一个问题，我无法删除图像之间的空格。我使用 bootstrap 3 网格系统。我今天开始使用引导程序。有人能帮我吗 ？谢谢

<div class="row-fluid">
<div class="col-lg-3">
<img src="images/1.png" class="img-responsive" alt="Responsive image">
</div>
<div class="col-lg-3">
<img src="images/2.png" class="img-responsive" alt="Responsive image">
</div>
<div class="col-lg-3">
<img src="images/3.png" class="img-responsive" alt="Responsive image">
</div>
<div class="col-lg-3">
<img src="images/4.png" class="img-responsive" alt="Responsive image">
</div>    
</div>


<div class="row-fluid">
<div class="col-lg-3">
<img src="images/5.png" class="img-responsive" alt="Responsive image">
</div>
<div class="col-lg-3">
<img src="images/6.png" class="img-responsive" alt="Responsive image">
</div>
<div class="col-lg-3">
<img src="images/7.png" class="img-responsive" alt="Responsive image">
</div>
<div class="col-lg-3">
<img src="images/8.png" class="img-responsive" alt="Responsive image">
</div>
</div>

这是我的例子http://stanislavknopp.net/test/

Answer 1

创建一个特殊的 CSS 类并删除填充..

.no-gutter [class*="col-lg-"] {
    padding-left:0;
    padding-right:0;
}

这是一个例子：http ://bootply.com/73960