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

你可以用这个覆盖bootstrap;

@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

你可以解决这个问题而不会干扰bootstrap css并等待下一个版本的修复，所以你可以通过定义你自己的类.container-fluid with padding来简单地包装你的行。

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

Twitter Bootstrap 3 RC1水平滚动问题

3 个答案: