Currently, I am utilizing Bootstrap v4.0.0-alpha.6
In a single row, I have three columns displayed and I am looking to swap the first column with the last column specifically in md screen size but not in sm/xs.
Here is how I envision it in desktop mode:
[C][B][A]
and this is what I want for mobile view:
[A]
[B]
[C]
I attempted to achieve this using the following code snippet:
<div class="row pt-2">
<div class="col-12 col-md-4 float-md-right">
<img src="assets/img/3-delivery.jpg">
</div>
<div class="col-12 col-md-4">
<img src="assets/img/arrow.png">
</div>
<div class="col-12 col-md-4 float-md-left">
<img src="assets/img/4-served.jpg">
</div>
</div>
Unfortunately, the above code did not produce the desired outcome.