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

Question

我正在使用 bootstrap3 在我的页面中创建一个滑块，如下所示：

/*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 在调整大小时隐藏滑块，但是当我使用这个 class 我的横幅在左右两边填充：请参考屏幕截图：

带有 hidden-xs col-sm-3 的滑块

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

我需要的是如下（这里我用的是没有class hidden-xs col-sm-3）

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

Answer 1

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

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

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

Need to remove padding on slider due to class= 'hidden-xs col-sm-3' in bootstrap3

html

css

twitter-bootstrap-3

padding