html - 清除列产品信息 Bootstrap 3 中的填充

Question

我有网站并使用 Bootstrap 3。我的产品网格有问题。我需要从我的产品列表中删除填充。 www.shop11.kg 对不起我的英语。 谢谢

<div class="tab-content">
<!-- Start gridview products -->
<div id="grid-view" class="tab-pane fade in active" role="tabpanel">
    <div class="row">
        <!-- Start Single profuct -->
        <div class="col-md-3 col-sm-4 col-lg-3 col-xs-12">
            <div class="single-product">
                <div class="product-thumb">
                    <a href="/product/1264">
                        <img class="front-img" src="/public/images/noimage/noimage_262.jpeg" alt="img">
                    </a>
                </div>
                <div class="product-info">
                    <div class="pro-title">
                        <h4>
                            <a href="/product/1264" title="ARIEL COLOR Стиральный порошок для цветного белья автомат 15 кг ">
                                ARIEL COLOR Стиральный порошок для цветного белья автомат 15 кг
                            </a>
                        </h4>
                    </div>
                    <div class="pro-price-ratting">
                        <div class="price-box">
                            <span class="price">1580 сом</span>
                        </div>
                    </div>
                    <div class="product-action">
                        <a href="javascript:void(0);" class="pro-btn add-to-cart">Купить</a>
                    </div>
                </div>
            </div>
        </div>
        <!-- End Single profuct -->
    </div>
</div>
<!-- End gridview products -->

Answer 1

您可以在您的行类中使用 display:flex 和 flex-flow:row wrap 这样所有元素都将被正确包装，即

.row{
  margin-right: -15px;
  margin-left: -15px;
  display: flex;
  flex-flow: row wrap;
 }