html - 我的 Bootstrap 代码有什么问题？

Question

所以我正在使用 Bootstrap 作为框架开发一个简单的登录页面。大多数情况下一切正常。我遇到了一个问题，包装容器 div 中的所有元素都占据了 100% 的视口(viewport)。我希望它们在左右两侧有一些边距。

通过将最大宽度设置为 960px，我可以很容易地将其设置在页面的中心位置，左右边距。但是，当我这样做时，它会扰乱页面的响应能力。

当我为容器设置最大宽度并使窗口变宽时，所有列都垂直堆叠，就像在移动设备上一样。我不想要的。

这是网站的当前工作版本:http://dev.mikefisherdesign.com/stackstrap这没有设置最大宽度，因此它占据了 100% 的视口(viewport)(我不想要)但是这些专栏在这一个上工作得很好。

这是网站的另一个版本:http://8310kirkwood.com/test.html

这个确实有一个最大宽度设置，但是当我使浏览器超宽时，它再次堆叠成我不想要的单列模式。

我确信有一个简单的修复方法，我只是有点难过。

Answer 1

你把所有的东西都包装在

<div class="container-narrow"></div> 

只需将其更改为

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