Boostrap&x27；s列'；css中的填充约束

这里演示

正如您在上面的演示中所看到的，我的img是100%，但是img之间的填充太大了，因为左右合计是30px。我希望它能像侧面一样，只有15px。有没有黑客

.container .col-md-3{ padding:0px 7.5px}

.container .col-md-3:first-child {padding-left:15px;}
.container .col-md-3:last-child {padding-right:15px;}

它将解决您的问题

尝试以下方法：

要避免填充，请使用

行

，尤其是

列

这将如何影响您网站上的整个网格系统。。我会建议在某个地方添加一个带有容器的自定义类。但是如果没有必要，你不必使用容器压缩。很好，尝试一下，但是仍然有一些错误，看看第一个和最后一个img的高度。你能给我看一下结果吗？你的网站需要一行还是一行。如果所有行都需要此样式，则可以从

<div class="container">

    <div class="row">
        <div class="col-lg-3 col-md-3">
            <img src="http://i.imgur.com/NRAVLP1.png">
        </div>

        <div class="col-lg-3 col-md-3 row">
            <img src="http://i.imgur.com/NRAVLP1.png">
        </div>

        <div class="col-lg-3 col-md-3 ">
            <img src="http://i.imgur.com/NRAVLP1.png">
        </div>

        <div class="col-lg-3 col-md-3 row">
            <img src="http://i.imgur.com/NRAVLP1.png">
        </div>

    </div>
</div>

<div class="container">                         

    <div class="row">
            <div class="col-lg-3 col-md-3 col-padding">
                    <img src="http://i.imgur.com/NRAVLP1.png">
            </div>

            <div class="col-lg-3 col-md-3 col-padding">
                    <img src="http://i.imgur.com/NRAVLP1.png">
            </div>

            <div class="col-lg-3 col-md-3 col-padding">
                    <img src="http://i.imgur.com/NRAVLP1.png">
            </div >
            <div class="col-lg-3 col-md-3 col-padding">
                    <img src="http://i.imgur.com/NRAVLP1.png">
            </div>

        </div>  
    </div>

.col-padding{padding-right: 0}
.col-padding:last-child{padding-right: 15px}