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.

enter image description here

enter image description here

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

Popular posts from this blog

java - How to specify maven bin in eclipse maven plugin? -

single sign on - Logging into Plone site with credentials passed through HTTP -

php - Why does AJAX not process login form? -