css - Bootstrap : how to delete padding from col-lg?

Question

我有这样的结构:

    <div class="container" id="gallery">
    <div class="row">
        <div class="col-lg-3 col-md-7">
            <img class="img-responsive center-block" src="#" alt="car1">
        </div> <!-- /.col-lg-3, /.col-md-7 -->
        <div class="col-lg-3 col-md-7">
            <img class="img-responsive center-block" src="#" alt="car1">
        </div> <!-- /.col-lg-3, /.col-md-7 -->
        <div class="col-lg-3 col-md-7">
            <img class="img-responsive center-block" src="#" alt="car1">
        </div> <!-- /.col-lg-3, /.col-md-7 -->
        <div class="col-lg-3 col-md-7">
            <img class="img-responsive center-block" src="#" alt="car1">
        </div> <!-- /.col-lg-3, /.col-md-7 -->
    </div><!-- /.row -->

一切正常 - 图像居中，调整大小。但是有一个问题。我有一个大填充？从左到右。它看起来像:

当我将“col-lg-3”更改为“col-lg-2”时，这个填充变小了，但是......我不想在一行中放置 6 张图片。那么——我能做什么？我厌倦了这样的事情，但没有改变:

.row-no-padding {
[class*="col-"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

Answer 1

问题似乎出在边缘，而不是填充。你能改变它并看看它是否有效吗？