我正在观看此视频，讲师说引导程序要求我们在使用网格系统时使用容器/容器流体。但是，即使使用网格系统，她也始终无法使用容器。如果您有1行和一堆可以响应的列，这是否意味着您仍在使用网格系统，还是需要多于1行，因为那是她没有使用容器的情况，我很困惑为什么在引导程序状态下她没有使用容器？我有些困惑，因为当我一般应该使用容器时，更重要的是，我说我不使用容器而只是使用网格系统，最终会发生什么？
答案 0 :(得分：0)
您无需明确使用 .container or .container-fluid 来使用Bootstrap，但是您应该。 expand.ballrooms("Ballroom 1-3")
#[1] "Ballroom 1" "Ballroom 2" "Ballroom 3"
expand.ballrooms("Ballroom 1 - 3")
#[1] "Ballroom 1" "Ballroom 2" "Ballroom 3"
类为您提供了一个固定宽度的容器，而.container类为您提供了一个跨视口整个宽度的全宽容器。这两个类实际上适用于您的元素的唯一实际规则是.container-fluid和padding-left: 15px。这些已放置到由padding-right: 15px生成的计数器 margin-left: -15px和margin-right: -15px。
如果您不使用.row / .container，那么您的行将全部“偏移”到页面边缘。当然，您可以轻松地添加自定义规则来解决此问题，甚至在设计所需布局方面甚至会发现这是有利的。
使用.container-fluid> .container的组合以及.row的{{1}}子级来代表列是“最佳实践”。这些列可以占据任意数量的空间，并且只要列总数为.col-X，就可以有任意数量的列。例如，[{.row] 或 [12，.col-12，.col-4] 或 [{{1} }，.col-4]。
另外，请不要混淆Bootstrap的这种“网格状”布局和完全不同的“框架”的 CSS Grid ，以及您的讲师可能拥有的东西大约在同一时间提到。
答案 1 :(得分：0)
对于Bootstrap 3和Bootstrap 4，用于网格系统的.row类使用负的水平边距。 .container和.container-fluid使用水平填充来平衡负边距。
如果不使用容器系统，有时会在不同的响应断点处遇到水平滚动条。通常在父对象上是上下文相关的，它是margin / padding值。
您可以在不使用容器的情况下使用网格系统，但是如果您想按预期使用Bootstrap，否则可能会遇到不需要的滚动条，这是一个好习惯。