html - Column ordering in Bootstrap 3 -
here's demo : http://jsfiddle.net/8bxyr/215/
i want order divs in mobile screen , i'm using bootstrap 3 .
recently i've read article: scotch can't handle
html :
<div class="container content"> <div class="row"> <div class="col-xs-12 col-sm-12 col-md-5 col-lg-4"> should below </div> <div class="col-lg-8 col-md-7 col-sm-12 col-xs-12"> should above in mobile screen </div> </div> </div>
any advice ? thanks
you'll place div want end below in second column, not first. don't need col-- (col-xs-* won't stack on xs viewport also)
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet" /> <div class="container"> <div class="row"> <div class="well well-lg clearfix"> <div class="col-sm-6 col-sm-push-6"> <div class="alert alert-info">should above in mobile screen</div> </div> <div class="col-sm-6 col-sm-pull-6"> <div class="alert alert-danger">should below</div> </div> </div> </div> </div>
Comments
Post a Comment