Bootstrap 3: Push/pull columns only on smaller screen sizes

by

Answered it myself, simply by thinking: mobile first!

<div class="col-lg-3 col-xs-6">1</div>
<div class="col-lg-3 col-xs-6 col-lg-push-6">5</div>
<div class="col-lg-2 col-xs-4 col-lg-pull-3">2</div>
<div class="col-lg-2 col-xs-4 col-lg-pull-3">3</div>
<div class="col-lg-2 col-xs-4 col-lg-pull-3">4</div>

Get them in the order I want on the tablet first, then push/pull them in to position on the desktop.

More Related Contents:

  1. vertical-align with Bootstrap 3
  2. What is sr-only in Bootstrap 3?
  3. How to vertically center a container in Bootstrap?
  4. IE8 issue with Twitter Bootstrap 3
  5. Twitter Bootstrap 3 Sticky Footer
  6. Twitter Bootstrap 3, vertically center content [duplicate]
  7. Extend bootstrap row outside the container
  8. Gap in Bootstrap stacked rows
  9. 7 equal columns in bootstrap
  10. Exclude menu item from the collapse of bootstrap 3 navbar
  11. How do I add a margin between bootstrap columns without wrapping [duplicate]
  12. Inline Form nested within Horizontal Form in Bootstrap 3
  13. Same height column bootstrap 3 row responsive
  14. Bootstrap 3 Glyphicons CDN
  15. What is the purpose of .row in Bootstrap? [duplicate]
  16. Bootstrap Grid, do I need a container?
  17. Bootstrap 3 – show collapsed navigation for all screen sizes
  18. Bootstrap 3 grid, does it *really* matter how many columns are in a row?
  19. How to make bootstrap carousel image responsive?
  20. Make Bootstrap’s Carousel both center AND responsive?
  21. How to work with ellipsis in bootstrap responsive table
  22. How to place a div over a image? [closed]
  23. Setting columns in bootstrap grid
  24. Table fixed header and scrollable body
  25. Bootstrap 3 two columns full height
  26. One tall div next to two shorter divs on Desktop and stacked on Mobile with Bootstrap 4
  27. Bootstrap print CSS removes background color
  28. Responsive image align center bootstrap 3
  29. Bootstrap full-width text-input within inline-form
  30. bootstrap 4: center inline form inside a jumbotron

Leave a Comment