Html 引导。行类的正确用法

我已经使用Bootstrap 4个月了，但有一点我仍然不太确定

row类的正确用法是什么？这里有两个例子

第一个示例：每行仅包含12列

<div class="container">
  <div class="row">
    <div class="col-md-6"></div>
    <div class="col-md-6"></div>
  </div>
  <div class="row">
    <div class="col-md-4"></div>
    <div class="col-md-4"></div>
    <div class="col-md-4"></div>
  </div>
</div>

第二个示例：每一行基本上类似于容器类，只是删除了左填充和右填充。如您所见，这一行等于24列，因此它将创建2行，因为12是最大值

<div class="container">
  <div class="row">
    <div class="col-md-6"></div>
    <div class="col-md-6"></div>
    <div class="col-md-4"></div>
    <div class="col-md-4"></div>
    <div class="col-md-4"></div>
  </div>
</div>

---

你想得太多了。row类最多只能处理12列。第二个是技术上的错误使用。第一种方法是应该实现

行

编辑：

在文档中看到包装后，我会说引导框架就是为了适应这种情况而设计的，因为太宽的列已经包装好了，但是最好还是尽量保持12列。如果你需要，你可以使用更多。这将取决于您作为开发人员需要什么

---

（将我的评论作为一个答案，因为它更适合作为一个答案）

使用默认引导样式，行之间有空白（

边距底部

）。如果需要该空间，请使用

行

。如果您不希望

行中的元素之间出现空格，可以添加任意多的
列
，它们将按照您所看到的方式换行

列包装绝对是Bootstrap的一个特性；它使响应性布局成为可能

最后，如果您的
行小于12列，并且希望下一个元素始终位于另一行，则可以使用
行
强制“硬换行”。
不要误解第二个解决方案的输出。第一个是正确的。使用第二种解决方案最终会导致复杂页面出现问题。问题是，专栏包装实际上在官方文档中，并且没有被标记为不正确的使用，所以它有点迷失方向，嗯，的确如此。我想说，在这种情况下，bootstrap框架就是为了适应这种情况而设计的，因为太宽的列已经被包装好了，但最好还是将其保持在12列。如果你需要，你可以使用更多。