在Bootstrap中，使用推送(push)还是偏移(offset)更好？

Question

当我想要在两列之间留出空间时，使用offset还是push更好？

HTML

<div class="row">
    <div class="col-md-2 col-md-offset-1">123 3456</div>
    <div class="col-md-2 col-md-offset-2">123 1234</div>
</div>

<div class="row ">
    <div class="col-md-2 col-md-push-1">123 3456</div>
    <div class="col-md-2 col-md-push-3">123 1234</div>
</div>

- Raviteja

Answer 1

我认为对于像你这样的基本操作，使用offset更加适合。只有在需要实现无法通过offset实现的特定位置时，才应该使用push/pull。 offset使用margin-left，而push/pull使用left，如果可以使用margin-left，应该避免使用left。

因此，例如在这种情况下，更好的做法是：

<div style="margin-left: 8.33333%;"></div>  // col-xs-offset-1

比如像这样使用：

<div style="position: relative; left: 8.33333%;"></div>  // col-xs-pull-1

但是一个完整的例子如下：

<div class="row">
    <div class="col-sm-6 col-sm-push-6">
        Content B
    </div>
    <div class="col-sm-6 col-sm-pull-6">
        Content A
    </div>   
</div>

在一个超小型设备（xs）上，它将看起来像这样：链接：

Content B
Content A

在小设备（sm）上，它看起来会像这样：

Content A      Content B

如果您想改变块的顺序，就不能使用 offset，只能使用 pull/push。所以在这种情况下，您应该使用 pull/push（当您想更改块的顺序时），而您应该在简单操作中使用 offset，就像您的示例中一样。

- paulalexandru

---

请您能否提供一个例子让我更好地理解？ - Raviteja

无论设备如何，我都想要空间，我不需要改变位置。所以 offset 更好，对吧？ - Raviteja

是的，偏移量（offset）是最好的。 - paulalexandru

只有在想要将另一个元素拉回来（交换位置）时，才应该使用push。 - paulalexandru