My Wordpress site uses a Bootstrap 3 layout where the loop displays posts using 2 different templates.
Type 1
<div class="row">
<div class="col-md-4">
<h1>title</h1>
<h3>sub</h3>
</div>
<div class="col-md-8">
<p>stuff</p>
</div>
</div>
Type 2
<div class="row">
<div class="col-md-8">
<p>stuff</p>
</div>
<div class="col-md-4">
<h1>title</h1>
<h3>sub</h3>
</div>
</div>
Some posts have content on the left, while others have it on the right, all stacked on top of each other.
For mobile devices, I want the col-md-4 to always appear under col-md-8. By default, Bootstrap places the second div below the first. This arrangement works well for type 2 versions, but I need it to be the same for type 1 versions too. (I still want col-md-8 on the left and col-md-4 on the right in type 1 versions on larger screens)