Twitter引导网格在页面右侧显示白色边距

Question

我正在使用twitter boostrap流体布局。当页面加载时，它看起来很好，但是你注意到你实际上可以滚动到右边。向右滚动时，页面右侧会出现一个小的白色边距。

此codepen显示问题http://codepen.io/anon/pen/AKygh

Answer 1

第一个row div已打开。在此末尾添加</div>：

<div class="row" style="background-color: blue;">
  <div class="col-md-4 col-md-push-8">Text on right</div>
  <div class="col-md-6 col-md-pull-4 col-xs-offset-1 col-md-offset-2">
    <h2>Title</h2>
    <p class="lead">Some text </p>
  </div>
  <div class="clearfix"></div>

下面 </div>

DEMO

Answer 2

尝试删除<div class="container-fluid">

Answer 3

来自Bootstrap文档..（http://getbootstrap.com/css/#grid）

  

“内容应放在列中，并且只能列   行的直接孩子......“

因此，由于您的row是row的孩子，只需将内部row更改为全角列（col-xs-12）：

演示：http://www.bootply.com/120519

Answer 4

从第margin-right:15px个分类bootstrap.css上的757移除.container-fluid ..并从第margin-right:-15px行的同一个css文件中删除763 class .row ...