Bootstrap push pull grids on tablet

by ian_smithz

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<div class="row">
    <div class="col-sm-12 col-md-6 col-lg-4 blue-bg">blue 1</div>
    <div class="col-sm-12 col-md-6 col-lg-4 white-bg">white 1</div>
    <div class="col-sm-12 col-md-6 col-md-push-6 col-lg-4 col-lg-push-0 blue-bg">blue 2</div>
    <div class="col-sm-12 col-md-6 col-md-pull-6 col-lg-4 col-lg-pull-0 white-bg">white 2</div>
    <div class="col-sm-12 col-md-6 col-lg-4 blue-bg">blue 3</div>
    <div class="col-sm-12 col-md-6 col-lg-4 white-bg">white 3</div>
</div>

CSS

/* just demo css */

 .white-bg {background: white}
 
 .blue-bg {background: blue; color: #fff}

JavaScript

// need to grab the bootstrap push pull classes and put them in our dirty grids

//just looked at grids sass file and the currewnt pushh pull classes are like this: 
// .md-pull-6 amd md-push-6