Bootstrap 4 Tutorial 5 – Offsetting Columns



https://i.ytimg.com/vi/7kUlqWW3VBw/hqdefault.jpg



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

http://v4-alpha.getbootstrap.com/layout/grid/#grid-options

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
www.sonarlearning.co.uk

If you have any questions feel free to post them at
http://www.sonarlearning.co.uk/questions.php

Our Website
http://www.sonarsystems.co.uk/

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


14 responses to “Bootstrap 4 Tutorial 5 – Offsetting Columns”

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

  2. 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 Reply