Question

在Bootstrap 3.x中，我在容器中有两个页面：

<body>
   <div class="container">
      ...
      ...
   </div>
</body>

当我从“主页”转到“关于”页面时，我看到内容由于滚动条的显示而向左移动。

我怎样才能防止这种烦人的眼睛行为？我必须始终显示滚动条（也是在没有必要的时候？）

Answer 1

您应该使用浏览器的检查工具检查您的元素（右键单击并选择检查）。将鼠标悬停在检查器代码中的元素上，查看哪些元素溢出并导致滚动条出现。单击该元素将显示它使用的CSS样式，您可以通过修改＆＃34; live page＆＃34;来修复溢出。在你的代码中做之前。花哨的工具！

如果您希望收到更具体的答案，我们需要更多的HTML代码。您是否已添加任何元素，例如.navbar左右？

其中一个已知问题是，如果.navbar放置在.col-xs-8之类的列中，则会溢出，因为Bootstrap导航栏内的.container设置为填充整个页面宽度。如果你的页面中有导航栏并且看它是否得到修复，请更改它的CSS，如下所示：

.navbar-default .container { width: 100% !important; }

（如果您发现!important会对某些内容产生影响，请将其移除。如果他们不是真的有必要，请务必避免保留这些重要信息。