Bootstrap 4 Tutorial #5 – Grid Basics



https://i.ytimg.com/vi/CGpWqSIjCbQ/hqdefault.jpg



Hey, in this Bootstrap 4 tutorial I’ll be going over the basics of the Bootstrap 4 grid system (which is very similar to the original Bootstrap 3 grid). This will prep us for taking a look at some of the added flexbox features in the next lesson.

—– COURSE LINKS:
+ Repo – https://github.com/iamshaunjp/bootstrap-4-playlist
+ Atom editor – https://atom.io/a
+ Download GIT – https://git-scm.com/
+ Bootstrap 4 Docs – https://v4-alpha.getbootstrap.com/getting-started/introduction/

Bootstrap 3 Playlist – https://www.youtube.com/playlist?list=PL4cUxeGkcC9g_69kOfXICzT_hZ79_td99

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

SUBSCRIBE TO CHANNEL – https://www.youtube.com/channel/UCW5YeuERMmlnqo4oq8vwUpg?sub_confirmation=1

========== PSD to WordPress Playlist ==========

============ Node.js for Beginners Playlist =============

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

For more front-end development tutorials & to black-belt your coding skills, head over to – https://www.youtube.com/channel/UCW5YeuERMmlnqo4oq8vwUpg or http://thenetninja.co.uk

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

Twitter – @TheNetNinja – https://twitter.com/thenetninjauk

Original source


19 responses to “Bootstrap 4 Tutorial #5 – Grid Basics”

  1. Thanks a lot. I have a question,I only include bootstrap.min.css but when i inspect an element in chrome devtools,i see _grid-frameworks.scss is affecting my element,how could this happen?

  2. Your tutorials are untouchable…no extra faff or non stop repeating, just to the point and only the info needed. The code is easy to see…if people cant get the ideas and concepts after watching these, there no hope for them
    This is how all tuts should be…

Leave a Reply