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
Post a Comment