What is better to use push or offset in bootstrap?

Which is better to use offsetor pushwhen I need space between two columns?

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>
+4
source share
1 answer

I would say that it is offsetmuch better for basic operations like yours. You should use it push/pullonly to force the block in a certain position, which you cannot reach using offset.

offsetuse for margin-leftnow the push / pull user leftto avoid if you can use margin-left.

So, for example, it’s better to use like this:

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

than use the following:

<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

() :

Content A      Content B

, , offset, pull/push. pull/push ( ), offset , , .

+5

Source: https://habr.com/ru/post/1615729/


All Articles