2013-08-01 30 views
2

我使用的是引导3 RC1和即使有也不过是一个行和列,我可以水平滚动只是一点点。我宁愿不要有任何水平滚动。Twitter的引导3 RC1水平滚动已发行

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

可能是一个好主意,而不是在这里报告您的问题:https://github.com/twbs/bootstrap/issues/new –

+0

谢谢,我张贴有 – bergjs

回答

9

它有一个因为负边界的错误;

@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

+0

这是现在固定与引导释放RC3 - http://blog.getbootstrap.com/2013/08/13/bootstrap-3-rc2/ – ZimSystem

+0

感谢队友为你更新 – oztecnic

+0

更新:可固定在3.1 - https://github.com/twbs/bootstrap/issues/9862 – ZimSystem

1

对于任何遇到这个问题的人来说,固定它的东西是包装所有的行/表单等。 <div class="container">块中的元素。

0

可以解决这个问题,而不会干扰引导CSS和等待在下一版本中修复,所以你可以简单地定义你自己的类.container流体与填充包装你行。

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