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

Popular posts from this blog

resizing Telegram inline keyboard -

command line - How can a Python program background itself? -

php - "cURL error 28: Resolving timed out" on Wordpress on Azure App Service on Linux -