Invert col in small size with Bootstrap -
here code:
<div class = "container"> <div class = "row"> <div class = "col-md-6">hi 1</div> <div class = "col-md-6>hi 2</div> </div> </div> so, shows: hi 1 | hi 2
and in xs (small screen) i'd show:
hi 2 hi 1 how can ?
in source, put in order want smaller viewports, in min-width of choice (sm, md, lg) use push , pull classes.


demo: http://jsbin.com/nexax/1/edit
<div class="container"> <div class="row"> <div class="col-sm-6 col-sm-push-6"> hi 2 </div> <div class="col-sm-6 col-sm-pull-6"> hi 1 </div> </div><!--/.row--> </div><!--/.container-->
Comments
Post a Comment