• Sunday , 19 May 2019

Bootstrap 4 Tutorial #5 – Grid Basics

Code Canyon

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.

+ 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

3d Ocean

Related Posts


  1. Melani
    October 8, 2018 at 11:31

    Thanks! you're the best… Someone can help me, I don't know how to center an image vertically using bootstrap, how can do that?

  2. Chon Hee Cho
    October 8, 2018 at 11:31

    It’s the best explanation of the grid, ever!

  3. kuku swuro
    October 8, 2018 at 11:31

    does it help you if i don't skip the 3:00 minute AD . your tuts awesome.

  4. sharif tv
    October 8, 2018 at 11:31

    how to set height weight

  5. Michael Dausmann
    October 8, 2018 at 11:31

    fantastic! great explanation of the different classes and how to use them.

  6. Givi Gvinianidze
    October 8, 2018 at 11:31

    Hello , I'm newbie in using Atom , which theme and icons do you use . I want Atom like you 🙂

  7. Kon Sa
    October 8, 2018 at 11:31

    quick copy marked element is ctr+shift+d 🙂

  8. larry jeremiah
    October 8, 2018 at 11:31

    what do you use to record your screen?

  9. Jonnubroth
    October 8, 2018 at 11:31

    just subbed, good tutorial set. Hope you hit that 100k soon!

  10. yaakov david
    October 8, 2018 at 11:31

    Wow, I'm really impressed with your vids, you really do a great job

  11. Mona Mohy
    October 8, 2018 at 11:31

    hello ninja,
    i always wonder when to add row class, for what cases?!!
    tnx 🙂

  12. Sam Dave Pollard
    October 8, 2018 at 11:31

    Best explanation of the grid I've seen. And believe me, I've seen a few.

  13. Ben Le
    October 8, 2018 at 11:31

    Hey Net Ninja, how did you get Atom to auto end your opened tags? The tutorials are great btw, thank you very much for all your effort. Helps many people!

  14. Tanvir Ahassan Anik
    October 8, 2018 at 11:31

    Whats the theme name that you used in Atom?

  15. Z ziad
    October 8, 2018 at 11:31

    Thank you very much, I like watching your tutorials so much. Very helpful and useful thank you.

  16. Hide Ghost World
    October 8, 2018 at 11:31

    Very helpful Videos

  17. 谢森正一
    October 8, 2018 at 11:31

    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?

  18. Dwayne Pipe
    October 8, 2018 at 11:31

    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…

  19. Chaker 7
    October 8, 2018 at 11:31

    thank you dear friend

Leave A Comment

You must be logged in to post a comment.