右边的Bootstrap额外空间

时间:2015-03-31 04:58:51

标签: html css wordpress twitter-bootstrap

嗨我不确定为什么当我使用Bootstrap作为wordpress博客时,我在网站右侧有很多额外的空间。

http://peterzapfella.com/

如果你加载页面,你会看到你可以向右滚动,你会看到空白区域。当我验证网站时,我得到绿灯说它有效,我似乎无法弄清楚为什么空间存在,有人可以看看他们是否有更好的运气调试。

我能理解我是否错过了DIV或其他东西,但根据http://validator.w3.org/check?uri=http%3A%2F%2Fpeterzapfella.com%2F&charset=%28detect+automatically%29&doctype=Inline&group=0我没有。

3 个答案:

答案 0 :(得分:3)

这是因为你正在使用带有“pagination”类的“container”类,而“container”类有“width:970px;” css风格。

请使用以下代码修复问题。

HTML中的

<div class="pagination"></div>

或在CSS下面插入代码:

.pagination.container{width:100%}

答案 1 :(得分:1)

可能是因为这个

<div class="pagination container"></div>

删除它会删除右侧的额外空间。

答案 2 :(得分:0)

就像这个HTML位:

<div class="container-fluid">
  <div class="col-md-9 col-xs-12 cont-grid">

成为:

<div class="container-fluid">
  <div class="col-xs-12 cont-grid">

col-md-9在第二个div中是额外的。