# Push /Pull vs Order

**URL:** <https://forum.kirupa.com/t/push-pull-vs-order/639877>\
**Category:** web dev\
**Created:** [May 28, 2019, 9:41am UTC](https://forum.kirupa.com/t/push-pull-vs-order/639877 "2019-05-28T09:41:27Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Desire](https://avatars.discourse-cdn.com/v4/letter/d/f475e1/32.png) [@Desire](https://forum.kirupa.com/u/Desire)\
**Post date:** [May 28, 2019, 9:41am UTC](https://forum.kirupa.com/t/push-pull-vs-order/639877/1 "2019-05-28T09:41:27Z")

</div>

Hi all,

so im looking into ordering columns on mobile differently to desktop but have realised the version i downloaded of bootstrap is “outdated” i think…? it doesn’t contain push/pull classes but does contain order-0 -1 -2 -3 etc etc…

after a quick google i found out the new V4 uses order… is this a direct replacement to the push pull?

which should i be using? and how to do i get order to only apply to mobile format…

thank you  
Spencer

---

<div class="post-metadata">

**Author:** ![kirupa](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/kirupa/32/11616_2.png) [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Post date:** [May 29, 2019, 3:20pm UTC](https://forum.kirupa.com/t/push-pull-vs-order/639877/2 "2019-05-29T15:20:37Z")

</div>

If you replace your current bootstrap library with the newer version, does your site still work? If so, using the new mobile functionality might just be as straightforward as following their latest guidance 🙂

---

<div class="post-metadata">

**Author:** ![prg9](https://avatars.discourse-cdn.com/v4/letter/p/8dc957/32.png) [@prg9](https://forum.kirupa.com/u/prg9)\
**Post date:** [May 29, 2019, 3:33pm UTC](https://forum.kirupa.com/t/push-pull-vs-order/639877/3 "2019-05-29T15:33:26Z")

</div>

> [@Desire](#):
>
> V4 uses order is this a direct replacement to the push pull?

**Yes** BS4 replaced push/pull with order.

> [Migrating to v4 · Bootstrap](https://getbootstrap.com/docs/4.0/migration/#grid-system-1)  
> Dropped push and pull modifier classes for the new flexbox-powered order classes. For example, instead of .col-8.push-4 and .col-4.pull-8, you’d use .col-8.order-2 and .col-4.order-1.

> [Grid system · Bootstrap](https://getbootstrap.com/docs/4.1/layout/grid/#order-classes)

---

<div class="post-metadata">

**Author:** ![Desire](https://avatars.discourse-cdn.com/v4/letter/d/f475e1/32.png) [@Desire](https://forum.kirupa.com/u/Desire)\
**Post date:** [May 29, 2019, 3:41pm UTC](https://forum.kirupa.com/t/push-pull-vs-order/639877/4 "2019-05-29T15:41:14Z")

</div>

yep! 🙂

After a bit of light reading i noticed they have the order-lg/md/sm-# classes.

which enables the ordering of columns on mobile etc.