html - 我是否总是需要在引导程序中使用容器/容器流体？

Question

我正在看这个视频，教练说引导程序要求我们在使用网格系统时使用容器/容器流体。然而，即使使用网格系统，她也未能始终使用容器。如果您有 1 行和一堆您做出响应的列，这是否意味着您仍在使用网格系统或者是否需要超过 1 行，因为那是她没有使用容器的情况，我很困惑为什么当引导程序声明我们应该使用容器时她没有？我有点困惑，因为我应该在一般情况下使用容器，更重要的是可以说我不使用容器而只使用网格系统，最终会发生什么？

标签： htmlcssbootstrap-4

Answer 1

您没有明确需要使用.container或.container-fluid使用 Bootstrap，但您应该. 该类.container为您提供了一个固定宽度的容器，.container-fluid该类为您提供了一个横跨视口的整个宽度的全宽容器。这两个类实际应用于您的元素的唯一真正规则是padding-left: 15px和padding-right: 15px。这些是为了对抗由 生成的margin-left: -15px和。margin-right: -15px.row

如果您不使用.container/ .container-fluid，那么您的行将全部“偏移”到页面边缘。当然，您可以轻松地添加自定义规则来解决这个问题，您甚至可能会发现这在制作您想要的布局方面是有利的。

.container使用>的组合.row以及 of 的.col-X子级.row来表示列被认为是“最佳实践” 。这些列可以占用任意数量的空间，并且可以有任意数量的列，只要它们总计12. 例如，[ .col-12]或[ .col-4, .col-4, .col-4]或[ .col-9, .col-3]。

此外，不要混淆 Bootstrap 的这种“类似网格”的布局和CSS Grid，这是一个完全不同的“框架”，以及您的讲师可能在同一时间提到的东西。