更改引导行填充

我尝试使用自定义css属性作为引导行，我想要删除底部的填充。但是这根本没有效果。我需要改变什么才能使其工作？更改引导行填充

<!-- Begin .row --> 
<div class="row row-no-padding" style="background-color: #CCC; padding-bottom: 0!important"> 
    <div class="col-lg-12"> 
     <button type="button" class="btn_submit_quick_search btn_submit_search pull-right" style="margin-bottom: 20px;" data-toggle="collapse" data-target="#collapseOne">read more</button> 
    </div> 
</div> 
<!-- End .row -->

来源

2016-12-16 MTplus

'.row {填充：0！重要; ''？ –

对不起，根本没有任何效果...... – MTplus

行在bootstrap中没有填充，但它们确实有magin底部，所以试试margin-botttom：0;也不要在全球范围内做到这一点，如果你这样做，你将来会遇到问题。 –

那bootstrap.css的.row风格：

.row { 
    margin-right: -15px; 
    margin-left: -15px; 
}

没有边距或填充底部，你可以看到。但是你已经设置了边距您的按钮...;）

<button class="btn_submit_quick_search btn_submit_search pull-right" style="margin-bottom: 20px;" type="button" data-target="#collapseOne" data-toggle="collapse">read more</button>

删除样式=“边距：20像素;”而且会有

工作液 “你行里” 没有更多的保证金：http://www.bootply.com/20TUhhuUcG

来源

2016-12-16 12:38:54

这里是您的解决方案.....

 <style type="text/css"> 
      .row-no-padding,.row-no-padding div,.row-no-padding div button{ 
       padding: 0 !important; 
      } 
     </style> 

     <div class="row row-no-padding" style="background-color: #CCC; padding-bottom: 0 !important"> 
      <div class="col-lg-12"> 
       <button type="button" class="btn_submit_quick_search btn_submit_search pull-right" style="margin-bottom: 0px;" data-toggle="collapse" data-target="#collapseOne">read more</button> 
      </div> 
     </div>

替换此代码

来源

2016-12-16 13:21:55

类.row没有填充..为什么他应该使用“填充：0！重要”？您的解决方案正常工作的唯一原因是您已将margin-bottom形式的按钮设置为0px ......并且这是我在我的答案中所回答的问题，即一个前一个版本。 –

更改引导行填充

回答

相关问题