CODEWITHSUNDEEP
htmlcsstwitter-bootstrap-3
user2587454
user2587454

Reputation: 913

how to change elements order with bootstrap and breakpoints

Is there a way to make this happen with bootstrap? I tried with pull-right/push-left, but the bottom div (light blue) is in one line with the yellow div and not at the top.

enter image description here

<div class='col-xs-12'>1</div>
<div class='col-xs-12'>2</div>
<div class='col-xs-12'>3</div>

Upvotes: 0

Views: 109

Answers (1)

TSNev
TSNev

Reputation: 163

<div class='row'>
   <div class='col-xs-6'>
     <div class='row'>
        <div class='col-xs-12'>1</div>
        <div class='col-xs-12'>2</div>
     </div>
   </div>
   <div class='col-xs-6'>3</div>
</div>

You'll need to make a custom media query to handle the break at 320px.

http://codepen.io/tsneville/pen/bpWNYo

Upvotes: 1

Related Questions