Bootstrap 4 Tutorial 5 – Offsetting Columns


Source Code:

Like our content and want to support us more directly? Help Us, Help You!

If you like this stuff, as always, show the love through comments, likes, favorites, subscriptions, etc.

Thousands of free videos at

If you have any questions feel free to post them at

Our Website

Facebook –
Twitter –
Google+ –
Donate –

Our games made using Cocos2d-x

Google Play:

Check out our Cocos2d-x book to learn how to make games


Xem Thêm Bài Viết Khác:


  1. Bootstrap 4 layout is apparently designed around the HTML5 flexbox. For example, there is no more push and pull. Instead you have order.

  2. i am going to report on you. you are using wrong title and made people foolish,this is not bootstrap 4 , this is bootstrap 3 , changes this otherwise i you know what can i do

  3. Thanks for the tutorials, but i do have one remark:
    When we add the offset if i wrote it like col-xs-3 col-offset-xs-3 col-sm-6 col-md-4 col-lg-3 col-xl-2, it wouldn't work (there would be no offset show), after some trials and errors, i found that the way for it to work properly is by taking away the (col-) that comes before the offset like this: col-xs-3 offset-xs-3 col-sm-6 col-md-4 col-lg-3 col-xl-2.

    Maybe it's some update or something else, cause i did see it working for you, it just wasn't working for me while i was coding along on your vid. Anyway i will keep watching them so far so good, and again thank you for the tutorials. 🙂

  4. Hey, thanks for the great tuts!

    Quick question: your class attributes are starting to look pretty hairy. Are there any best practices to help keep your HTML clean and organized? How about splitting up your classes into multiple class attributes on the same element, each dedicated to a given size (xs, sm, lg, xl)?


Please enter your comment!
Please enter your name here