Trying to rearrange the last column in the code below to display it in the 3rd position on md and up.
I have assigned the title "I want to be on the 3 place on md anb up" to the h2 tag that corresponds to that column.
Not sure what mistake I am making. I am currently using Bootstrap 4.4 version.
<section class="servicios">
<div class="container">
<div class="row">
<div class="col-12 col-md-6 col-lg-4 wrapper-servicio">
// Column content here
</div>
<div class="col-12 order-md-4 col-md-6 col-lg-4 wrapper-servicio">
// The column you want to move goes here
</div>
// Rest of the columns follow...
</div>
</div>
</section>
When using order-first or order-last, it works, but not with order-md-*. This might be due to the number of columns used. I structured it this way because I will need to iterate through them using a CMS later on.