0

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

通过设置最大宽度为 960 像素,我可以很容易地让它很好并以左右边距居中。但是,当我这样做时,它会破坏页面的响应能力。

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

这是该站点的当前工作版本:http: //dev.mikefisherdesign.com/stackstrap 这没有设置最大宽度,因此它占用了 100% 的视口(我不想要)但是这些列在这个上完美地工作。

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

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

我确定有一个简单的解决方法,我只是有点难过。

4

2 回答 2

0

您需要一个容器,您需要该容器中的行,并且每行中的列必须具有跨度(span3、span6 等)加起来为 12 以设置它们的宽度。

查看此示例的来源: http ://webdesigntutsplus.s3.amazonaws.com/tuts/342_bootstrap_carousel/Carousel-Files-COMPLETE/index.html

于 2013-04-30T23:09:40.543 回答
0

你把所有东西都包在里面

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

只需将其更改为

<div class="container"></div> 
于 2013-04-30T22:55:21.193 回答