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强制阻止使用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>

但是一个完整的例子就是：

Content B
Content A

在一个额外的小设备（xs）上，它将显示为like：

Content A      Content B

在小型设备（sm）上看起来像：

offset

因此，如果您想更改块的顺序，则无法使用pull/push执行此操作，只能使用pull/push执行此操作。因此，对于这种特殊情况，您应该使用offset（当您想要更改块的顺序时），并且应该使用<form> <ui:repeat value="#{calcBean.resolveIncludes()}" var="curInc"> <ui:include src="#{curInc}" /> </ui:repeat> </h:form>进行简单操作，如示例所示。

哪个在bootstrap中使用push或offset更好？

1 个答案: