Bootstrap 4 使用pug和bootstrap在单行中表示多个.col

我正在使用bootstrap和pug/jade，我正在查看一些在一行中使用多个.col的示例代码（例如，.col-md-4.col-md-offset-4）。我不知道这有什么作用，特别是一行中的多个.col（如上所述）或多行（.col-md-4和.col-md-offset-4在不同的行中）之间的区别。任何帮助都将不胜感激

.容器液体 一行

---

.col-md-4.col-md-offset-4 使用.offset md-*类将列向右移动。这些类将列的左边距增加*列。例如，.offset-md-4在四列上移动.col-md-4

<div class="row">
  <div class="col-md-4">.col-md-4</div>
  <div class="col-md-4 offset-md-4">.col-md-4 .offset-md-4</div>
</div>

.col-md-4
.col-md-4.offset-md-4

在这里，您可以看到不同之处：

---

有关详细信息，请参阅。

我想我知道了。我被.col-md-4.col-offset-md-4（两个.col在同一行中）的语法弄糊涂了，但我想这会转化为.col-md-4.offset-md-4