twitter-bootstrap - 在 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>

Answer 1

我会说offset对于像你这样的基本操作来说更好。您应该使用 push/pull只是为了在一个特定的位置强制一个 block ，你无法使用 offset .
offset使用 margin-left而推/拉用户left如果可以使用 margin-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) 上，它看起来会是 like :

Content B
Content A

在小型设备(sm)上，它看起来像:

Content A      Content B

所以如果你想改变 block 的顺序，你不能用 offset来做。 ，您只能使用 pull/push 执行此操作.因此，对于这种特殊情况，您应该使用 pull/push (当你想改变 block 的顺序时)你应该使用 offset进行简单的操作，例如您的示例。