jquery - Change bootstrap cols on mobile -


hello have page 2 cols , in each col have boxes.

[6][6]   b   b   b 

how can change order have:

a b b b 

is possible? want on mobile.here page structure:

<div class="row">   <div class="col-md-6">     <div>a</div>     <div>a</div>   </div>   <div class="col-md-6">     <div>b</div>     <div>b</div>   </div> </div> 

i don't think it's possible current html structure. if can change structure able use grid classes target xs devices:

<div class="row">     <div class="col-sm-6">         <div>a</div>     </div>     <div class="col-sm-6">         <div>b</div>     </div> </div> <div class="row">     <div class="col-sm-6">         <div>a</div>     </div>     <div class="col-sm-6">         <div>b</div>     </div> </div> <div class="row">     <div class="col-sm-6">         <div>a</div>     </div>     <div class="col-sm-6">         <div>b</div>     </div> </div> 

demo: http://plnkr.co/edit/j2ohbujui1fwmiugy0nr?p=info


Comments

Popular posts from this blog

asp.net mvc - SSO between MVCForum and Umbraco7 -

Python Tkinter keyboard using bind -

ubuntu - Selenium Node Not Connecting to Hub, Not Opening Port -