ブートストラップの行パディングを変更する

Question

ブートストラップ行にカスタムCSSプロパティを使用して、パディングを削除したいとします。しかし、これはまったく効果がありません。それを機能させるためには何を変更する必要がありますか？

bootstrap.cssの.rowスタイルザッツ

<!-- 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 --> 

Answer 1

：

.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

Answer 2

はあなたのソリューションは、

 <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> 

は `.row {このコードに