2016-11-24 181 views
0
* { 
box-sizing: border-box; 
} 

并没有帮助也水平滚动条问题

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

不能为我的生命找出为什么我的右边空白一点点。试图一个一个去除样式表,并通过边距和填充,仍然没有运气。

请帮帮我!

+0

溢出-X:隐藏;在身上会隐藏白色空间,但是不能解决你的问题 –

回答

0

您必须将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> 

的问题是,需要自举与row类中的每个元件必须包含在具有containercontainer-fluid类来分配权边距和补的元件的内侧。

+0

那有效果,谢谢。你能解释一下为什么修复它,所以我知道在将来何时使用它。 –

+0

@Sam Ducker添加'container'或'container-fluid'类会改变样式将如何应用于具有'row'类的元素。由于“容器流体”类使该元素使用全宽页面,因此删除了子行元素上的边距。如果您想获得更多信息,可以查看以下页面:http://getbootstrap.com/css/#grid – Danibix

0

或者刚上摆脱了恼人的保证金.row

.row { 
    margin:0 !important; 
}