Bootstrap Tutorial #7 – Column Offsetting


Yo ninjas, in this Bootstrap tutorial I’ll be showing you how we can offset columns using the offset classes.

You can find more front-end development tutorials on CSS, HTML, JavaScript, jQuery, WordPress & more on the channel homepage…


========== JavaScript for Beginners Playlist ==========

========== CSS for Beginners Playlist ==========

========== The Net Ninja ============

For more front-end development tutorials & to black-belt your coding skills, head over to – or

========== Social Links ==========

Twitter – @TheNetNinja –



  1. Thank you so much for the detailed and clear explanation. I saw this attribute on a different site, and was wondering what it did. There was no way I would have understood why the col-med-offset-0 was used if I had not watched your tutorial. Greatly appreciate the content.

  2. Wow! Just wow! I feel like this is the first time, after reading countless tutorials and books, that Bootstrap is making sense. You, sir, put the magic in front-end development. 🙂

  3. Does the order of adding the classes matter?
    For example, could I write the column div as
    <div class="col-md-4 col-sm-6 col-xs-12"> </div> ? Because, in media queries there is a particular ordering we need to follow for the rules to apply.

  4. great tutorial…keep it up buddy!
    Your tutorials are very beneficial, I wish people your view increase to billions and subscribers in millions.

    I hope you will soon upload a series on modern js frameworks especially angular.js


Please enter your comment!
Please enter your name here