Question

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

通过设置最大宽度为960px，我可以轻松地将其设置为具有左右边距的页面。但是，当我这样做时，会弄乱页面的响应性。

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

以下是该网站的当前工作版本：http://dev.mikefisherdesign.com/stackstrap 这没有设置最大宽度，因此它占用视图端口的100％（我不想要）但这些专栏完美地适用于这一列。

以下是该网站的另一个版本：http://8310kirkwood.com/test.html

这个设置有最大宽度设置，但是当我使浏览器超宽时，它会叠加到我不想要的单列模式。

我确信有一个简单的解决办法，我只是有点难过。

Answer 1

你将所有内容都包装在

中

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

将其更改为

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

Answer 2

您需要一个容器，您需要该容器中的行，并且每行中的列必须具有跨度（span3，span6等），最多可添加12以设置其宽度。