Bootstrap Tutorial - Column ordering with Bootstrap








Column ordering

We can change the order of our built-in grid columns with .col-lg-push-* and .col-lg-pull-* modifier classes.

<!DOCTYPE HTML>
<html> 
<head> 
<link href="http://java2s.com/style/bootstrap.min.css" rel="stylesheet">
</head><!--   w w  w.j a v  a 2s  .c  om-->
<body style='margin:20px;'>

<div class="row">
  <div class="col-lg-9 col-lg-push-3">9</div>
  <div class="col-lg-3 col-lg-pull-9">3</div>
</div>
        
</body>
</html>

Click to view the demo