twitter-bootstrap - Twitter Bootstrap 3 RC1 横スクロールの問題

Question

Bootstrap 3 RC1 を使用しています。行と列しかありませんが、水平方向に少しだけスクロールできます。水平スクロールをまったく行わないことをお勧めします。

<div class="row">
  <div class="col-lg-12">content</div>
</div>

Answer 1

負のマージンのためにバグがあります。

@media (min-width: 768px) {
  .row {margin-right: -15px;margin-left: -15px;}
}

これでブートストラップをオーバーライドできます。

@media (min-width: 768px) {
  .row { margin-right: 0; margin-left: 0; }
}

ここもチェックしてください。 https://github.com/twbs/bootstrap/issues/6686

Answer 2

この問題に遭遇した他の人にとって、それを修正したのはすべての行/フォーム/などをラップすることでした. ブロック内の要素<div class="container">。

Answer 3

ブートストラップ css を乱すことなくこの問題を修正し、次のバージョンでの修正を待つことができるため、独自のクラス .container-fluid をパディングで定義することにより、行を単純にラップできます。

//Add this class to your global css file
<style>
   .container-fluid {
       padding: 0 15px;  
   }
</style>

   //Wrap your rows in within this .container-fluid 
   <div class="container-fluid">
      <div class="row">
          <div class="col-md-3">content</div>
          <div class="col-md-9">content</div>
          <div class="col-md-3">content</div>
      </div>
   </div>