Bootstrap 右侧的额外空间答案

【问题标题】：Bootstrap extra space on rightBootstrap 右侧的额外空间
【发布时间】：2015-06-04 08:02:52
【问题描述】：

您好，当我使用 Bootstrap 创建 wordpress 博客时，我不确定为什么网站右侧有很多额外的空间。

如果您加载页面，您将看到您可以向右滚动并看到空白区域。当我验证该站点时，我得到绿灯说它是有效的，我似乎无法弄清楚为什么该空间在那里，请有人看看他们是否有更好的运气来调试这个。

【问题讨论】：

【解决方案1】：

可能是因为这个

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

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

【讨论】：

【解决方案2】：

就像这个 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 中是多余的。

【讨论】：

【解决方案3】：

这是因为您正在使用带有“分页”类的“容器”类，而“容器”类具有“宽度：970px;” CSS 样式。

请使用以下代码解决问题。

在 HTML 中：

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

或在 CSS 中插入以下代码：

.pagination.container{width:100%}

【讨论】：