html - 水平滚动条问题

Question

* {
box-sizing: border-box;
}

也没有帮助

http://codepen.io/samducker/pen/YpQejY

我这辈子都弄不明白为什么我的右边有一小块空白。尝试过一个一个地删除样式表并通过边距和填充，但仍然没有成功。

请帮帮我!

Answer 1

您必须将 container-fluid 类添加到带有 class="header" 的部分。请看下面的一段代码:

<section class="header container-fluid">
  <div class="row">
    <div class="col-md-12"><img class="img-responsive center-block" src="http://thehedonistproject.com/launch/img/team.png" alt=""></div>
  </div>
</section>

问题是 Bootstrap 要求每个具有 row 类的元素必须包含在具有 container 或 container-fluid 的元素中> 分配正确的边距和填充的类。