html - How to control columns position? bootstrap -



html - How to control columns position? bootstrap -

i got these 4 columns within row , when i'm resizing window positioning awkward.

<div class="footer"> <div class="row"> <div id="1" class="col-md-3"> ... </div> <div id="2" class="col-md-3"> ... </div> <div id="3" class="col-md-3"> ... </div> <div id="4" class="col-md-3"> ... </div> </div> </div>

what want move columns 1 1 when resizing window, instead of built in bootstrap function, of them move downwards @ same time.

the right positioning should be:

1 - 2 - 3 - 4 1 - 2 - 3 4 1 - 2 3 4 1 2 3 4

thanks in advance!

change inner divs to:

<div id="1" class="col-lg-3 col-md-4 col-sm-6 col-xs-12"> ... </div> <div id="2" class="col-lg-3 col-md-4 col-sm-6 col-xs-12"> ... </div> <div id="3" class="col-lg-3 col-md-4 col-sm-12 col-xs-12"> ... </div> <div id="4" class="col-lg-3 col-md-12 col-sm-12 col-xs-12"> ... </div>

html twitter-bootstrap

Comments

Popular posts from this blog

php - Android app custom user registration and login with cookie using facebook sdk -

django - Access session in user model .save() -

php - .htaccess Multiple Rewrite Rules / Prioritizing -