I have two divs with `col-lg-5`. I want to make the second div as order first when view port change to mobile devices. I am using Bootstrap `order-*` class in v4.0.0-beta.2.

```
<div class="col-lg-5 col-12 order-col-12">
    [first_div]
</div>

<div class="col-lg-5  background-10 col-12  order-col-1">
    [second_div]
</div>

```

But in small devices when I use `col` this should be change like:

```
<div class="col-lg-5  background-10 col-12  order-col-1">
    [second_div]
</div>

<div class="col-lg-5 col-12 order-col-12">
    [first_div]
</div>

```

But its not changing and it remains in the same order.