带有pug和bootstrap的单行中多个.col的含义

Question

我正在使用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

Answer 1

补偿类 使用.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>

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

有关更多详细信息，请参见Bootstrap documentation。

Answer 2

我想我明白了。我对具有.col-md-4.col-offset-md-4（同一行中的两个.col）的语法感到困惑，但是我想这会转换为.col-md-4 .offset-md-4。