html - 由于 bootstrap3 中的 class= 'hidden-xs col-sm-3'，需要删除 slider 上的填充

Question

我正在使用 bootstrap3 在我的页面中创建一个 slider ，如下所示:

/*Add css here*/

<section id="slider">

                <ul class="rslides" id="modest-slider">

                    <li class="slider-wrapper hidden-xs col-sm-3">

                        <div class="slider-img-container"><img src="assets/images/slider1.png" alt="slider1" /></div>
                        <div class="slider-caption container">
                            <div class="row">
                                <div class="slider-caption container">
                                    <div class="col-xs-10 col-sm-5" style="background: rgba(255, 255, 255, 0.4 );">
                                        <h1_2>Exclusively New Concept!</h1_2>
                                        <p class="slider-description2">
                                            Inspired by Scandinavian Design and made with all the richness from India, we present an exclusive range of home furnishing products ...
                                        </p>
                                    </div>
                                </div>


                            </div>
                            <!-- /.row -->

                        </div>
                        <!-- /.slider-caption -->

                    </li>
                    <!-- /.slider-wrapper -->
    </ul>
    </section>

我正在使用 hidden-xs col-sm-3 class 在调整大小时隐藏 slider ，但是当我使用这个类时，我的横幅在左右两侧填充:请引用屏幕截图:

带有 hidden-xs col-sm-3 的 slider

我用红线标记了你可以看到填充。

我需要的是如下(这里我使用的是没有class hidden-xs col-sm-3)

我怎样才能删除由于添加 hidden-xs col-sm-3 而出现的填充？任何帮助将不胜感激。

Answer 1

如果我理解你的问题，试试这个:

#modest-slider li.col-sm-3 {
 padding-left: 0;
}