21

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

4

4 回答 4

21

更新引导程序 4

container最外层的行也应该包裹在container-fluidBootstrap 4 中,以防止由.row.

引导程序 3

您应该换行rowcontainer否则 BS 3 用于row元素的负边距会出现问题。基本上,它row被设计在一个容器内。阅读更多关于 Bootstrap 网格

在 Bootply 上玩这个例子:http: //bootply.com/83751

于 2013-09-28T10:41:43.617 回答
2

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

看看没有容器类它是如何工作的 - 只需访问http://getbootstrap.com/并使用检查元素删除容器类。

于 2013-09-28T06:47:13.837 回答
2

根据最新文档:

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

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

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

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

于 2020-09-03T15:01:26.980 回答
1

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

于 2014-12-15T21:04:29.350 回答