• Wednesday , 27 May 2020

Bootstrap 4 Tutorial 5 – Offsetting Columns

Code Canyon

Source Code: https://github.com/SonarSystems/Bootstrap-4-Tutorial-Series


Like our content and want to support us more directly? Help Us, Help You! https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=6DF2Q8TR5FB3E

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 – https://www.facebook.com/pages/Sonar-Systems/581403125243822
Twitter – https://twitter.com/SonarSystems
Google+ – https://plus.google.com/+SonarsystemsCoUk/
Donate – https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=6DF2Q8TR5FB3E

Our games made using Cocos2d-x
iOS: https://itunes.apple.com/us/artist/sonar-systems/id672545941

Google Play: https://play.google.com/store/apps/developer?id=Sonar+Systems

Check out our Cocos2d-x book to learn how to make games https://www.packtpub.com/game-development/cocos2d-x-game-development-essentials

Original source

3d Ocean

Related Posts


  1. Uchenna Nwosu
    December 13, 2018 at 12:41

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

  2. Uchenna Nwosu
    December 13, 2018 at 12:41

    Thanks for the lesson. Note: Bootstrap 4 uses offset-md-* in place of col-md-offset-*

  3. Nguyễn Hữu Tiến
    December 13, 2018 at 12:41

    bs3 lel !

  4. Uday Pawar
    December 13, 2018 at 12:41

    The middle div is floating down. how can we align all divs in the same line

    December 13, 2018 at 12:41


  6. u unz
    December 13, 2018 at 12:41

    Rename the video to Bootstrap 3.

  7. ภูศิษฐ์ สุดวาจา
    December 13, 2018 at 12:41

    This is Bootstrap 3

  8. Tahir Khan
    December 13, 2018 at 12:41

    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

  9. Sławek Kubiak
    December 13, 2018 at 12:41

    BOOTSTRAP 3 !!!!!!!!!!!

  10. ali seena
    December 13, 2018 at 12:41

    this isnt bootstrap 4 you brat

  11. Atif m
    December 13, 2018 at 12:41

    This is not Bootstrap 4. Please do not misguide newbies. This is bootstrap 3

  12. Filip Vancevski
    December 13, 2018 at 12:41

    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. 🙂

  13. home pc
    December 13, 2018 at 12:41

    thanks for the vid

  14. Alfred Ayache
    December 13, 2018 at 12:41

    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)?

Leave A Comment

You must be logged in to post a comment.