需要在滑塊去除填充由於類= '隱藏XS COL-SM-3' bootstrap3

我使用bootstrap3如下建立在我的網頁滑塊：需要在滑塊去除填充由於類= '隱藏XS COL-SM-3' 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-3class隱藏滑塊上調整，但是，當我使用這個類我的旗幟在左邊和右邊得到填充：請參閱截屏：

滑蓋隱藏-XS COL-SM-3

Image with class hidden-xs col-sm-3

我已經打上紅線就可以看到填充。

我需要的是如下（這裏我使用它沒有hidden-xs col-sm-3類）

我怎樣才能讓我刪除這些原因來加入hidden-xs col-sm-3填充？任何幫助將不勝感激。

來源

2015-03-19 Santhucool

你可以分享小提琴演示？ – 2015-03-19 09:06:19

@GaneshSalunkhe https://jsfiddle.net/santhucool007/5noxhp88/。請放大您的HTML小提琴部分以查看結果！ – Santhucool 2015-03-19 09:15:33

這是'col-sm-3'類，它可以給你填充，只是刪除它。使用後代選擇器或向元素添加新類 – abidibo 2015-03-19 09:20:38

如果我理解你的問題吧，試試這個：

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

來源

2015-03-19 09:44:02 Konrud

＃modest-slider li.col-sm-3 { padding-left：0;填充： - 右：0; }謝謝你的哥們！ – Santhucool 2015-03-19 10:14:13

需要在滑塊去除填充由於類= '隱藏XS COL-SM-3' bootstrap3

回答

相關問題