我一直在玩 bootstrap 3,我注意到如果你在没有容器的情况下使用网格系统,它会变得流畅,有人告诉我不应该这样做,因为系统被设计为在容器内。如果我不使用容器类会发生什么?,我需要它吗?如果是这样,我可以在不弄乱引导程序的媒体查询的情况下使容器类宽度为 100%,或者是否有任何其他或更好的方法来构建流体带引导程序 3 的布局。
问问题
17879 次
4 回答
21
更新引导程序 4
container
最外层的行也应该包裹在container-fluid
Bootstrap 4 中,以防止由.row
.
引导程序 3
您应该换行row
,container
否则 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 回答