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

删除空间bootstrap 3网格系统

1 个答案: