Bootstrap 3 Grid,我需要一个容器吗?

时间:2013-09-28 06:15:53

标签: html css css3 twitter-bootstrap twitter-bootstrap-3

我一直在玩bootstrap 3而且我注意到如果你使用没有容器的网格系统它会变得流畅,有人告诉我我不应该这样做,因为系统设计在一个容器。如果我不使用容器类会发生什么?,我是否需要它?如果可以的话,我可以使容器类宽度100%而不会弄乱引导程序的媒体查询,或者是否有任何其他或使用bootstrap 3构建流畅布局的更好方法。

4 个答案:

答案 0 :(得分:19)

更新Bootstrap 4

行也应该包含在Bootstrap 4中的containercontainer-fluid中,以防止.row上的负边距导致水平掠夺。

Bootstrap 3

您应该将row包裹在container中,否则您将遇到BS 3用于row元素的负边距的问题。基本上row被设计为在容器内。 Read more on the Bootstrap grid

在Bootply上使用此示例:http://bootply.com/83751

答案 1 :(得分:2)

我认为你需要它。 如果没有容器,它就会起作用 - 但它会在页面底部显示一个水平滚动条,并且从屏幕右侧切下约20px。

在没有容器类的情况下看看它是如何工作的 - 只需转到http://getbootstrap.com/并使用inspect元素删除容器类。

答案 2 :(得分:1)

只需使用container-fluid类而不是容器类。 class =“container-fluid”将允许您使用全宽。

答案 3 :(得分:1)

根据最新文档:

https://getbootstrap.com/docs/4.5/layout/grid/

删除外部容器(或至少分配其CSS类分配)是合理的:

需要边缘到边缘的设计吗?删除父.container或 .container-fluid。

自4.0版本以来,这似乎已存在于文档中:https://getbootstrap.com/docs/4.0/layout/grid/