2

我正在使用 Bootstrap 3 RC1,即使只有一行和一列,我也可以水平滚动一点。我宁愿根本没有任何水平滚动。

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

3 回答 3

9

由于负边距,它有一个错误;

@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

于 2013-08-01T18:32:13.227 回答
1

对于遇到此问题的其他任何人,为我解决的问题是包装所有行/表单/等。块中的元素<div class="container">

于 2013-10-24T22:52:54.947 回答
0

您可以在不干扰引导 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> 
于 2014-05-09T07:22:06.757 回答