我一直在玩bootstrap 3而且我注意到如果你使用没有容器的网格系统它会变得流畅,有人告诉我我不应该这样做,因为系统设计在一个容器。如果我不使用容器类会发生什么?,我是否需要它?如果可以的话,我可以使容器类宽度100%而不会弄乱引导程序的媒体查询,或者是否有任何其他或使用bootstrap 3构建流畅布局的更好方法。
答案 0 :(得分:19)
更新Bootstrap 4
行也应该包含在Bootstrap 4中的container
或container-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/