col-md-offset-\* 的确切目的是什么？

Question

col-md-offset-* 的确切目的是什么？

我知道 col-md-12 的目的，没有偏移量。但我不知道，我试过玩它但仍然没有。

原文由 Dean 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

答案的简短版本。 Offset 在我们的数据列之前创建具有自定义宽度的空列。如果您想在包含数据的列之后创建具有自定义宽度的空列，请使用 pull (col-md-pull-*)。

示例： 在中等大小的窗口中，我们要创建 2 个空单元格、7 个包含内容的单元格和 3 个空单元格。我们可以这样做。

 <div class="row">
    <div class="col-md-offset-2 col-md-7 col-md-pull-3">OUR CONTENT</div>
</div>

这就是没有偏移的样子。我们应该创建具有自定义宽度的空 div。

   <div class="row">
        <div class="col-md-2"></div>
        <div class="col-md-7">OUR CONTENT</div>
        <div class="col-md-3"></div>
  </div>

原文由 Nole 发布，翻译遵循 CC BY-SA 4.0 许可协议