[ad_1]
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”
Bootstrap 4 layout is apparently designed around the HTML5 flexbox. For example, there is no more push and pull. Instead you have order.
Thanks for the lesson. Note: Bootstrap 4 uses offset-md-* in place of col-md-offset-*
bs3 lel !
The middle div is floating down. how can we align all divs in the same line
Great!
Rename the video to Bootstrap 3.
This is Bootstrap 3
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
BOOTSTRAP 3 !!!!!!!!!!!
this isnt bootstrap 4 you brat
This is not Bootstrap 4. Please do not misguide newbies. This is bootstrap 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. 🙂
thanks for the vid
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)?