• Wednesday , 16 October 2019

Bootstrap 3 Grid System Explained

Code Canyon
https://i.ytimg.com/vi/XFrbkhWP0rM/hqdefault.jpg



In this excerpt from Shawn Wildermuth’s Bootstrap 3 course, he explains how the new Bootstrap 3 grid system works to build resolution specific layouts.

Your free 10 day trial can start today: http://www.pluralsight.com/training?&utm_source=youtube&utm_medium=video&utm_campaign=demo

-~-~~-~~~-~~-~-
Push your limits. Expand your potential. Smarter than yesterday-

-~-~~-~~~-~~-~-

Original source

3d Ocean

Related Posts

23 Comments

  1. Ulugbek Mannopov
    September 21, 2019 at 15:38

    Very clear explanition.
    Thank you!!!

  2. Olivers_ Rage
    September 21, 2019 at 15:38

    Thank you this helped me.

  3. Sela Hong
    September 21, 2019 at 15:38

    What should I do?
    I want to change the bootstrap grid from 12 to 24.

  4. Towards The Sunset
    September 21, 2019 at 15:38

    Pluralsight always saves the day!

  5. LAK KHALAS!
    September 21, 2019 at 15:38

    You're a legend!

  6. JAROSPIRE SPR
    September 21, 2019 at 15:38

    Dude, you made a mistake here https://youtu.be/XFrbkhWP0rM?t=162
    Should be .col-8 ! not .col-10 with offset 2…

  7. Benjamin Sunderland
    September 21, 2019 at 15:38

    Finally an amazing video about the grid system. Well done mate.

  8. Majid Zadegi
    September 21, 2019 at 15:38

    thanks;
    is good

  9. Santhosh Kumar
    September 21, 2019 at 15:38

    beauty

  10. William Dorsey
    September 21, 2019 at 15:38

    so .col-md-6 is that the syntax i would use in the html? like this <div .col-md-6>

  11. Carissa illy
    September 21, 2019 at 15:38

    dope

  12. Eric M
    September 21, 2019 at 15:38

    jesus christ, finally a video that explains it clearly without a bunch of "umm uhh ok". Straight to the point and clear. Thank you.

  13. saleem faeq
    September 21, 2019 at 15:38

    when u understand the grid system in bootstrap that every row should contains 12 colms. after that every things is very simple.

  14. Anatoliy Bright
    September 21, 2019 at 15:38

    This is not really correct as gutter sizes were not mentioned as well as containers.

  15. Lucas Rodrigues
    September 21, 2019 at 15:38

    Corrigindo: .col-XS-6

  16. Andy
    September 21, 2019 at 15:38

    Thank you for the explanation I was trying to read the bootstrap documentation and was having issues wrapping my brain around it.

  17. Papillon
    September 21, 2019 at 15:38

    thanks 🙂

  18. KINGBLAZE812
    September 21, 2019 at 15:38

    Lester

  19. LosEagle
    September 21, 2019 at 15:38

    Dude I came here to learn how the sm,md etc.. work not how to count to twelve..

  20. Richard Hill
    September 21, 2019 at 15:38

    Just wanted to say thanks as this is a great way of explaining to a client how their web pages are constructed and why they do what they do. Thx

  21. Michael Taylor
    September 21, 2019 at 15:38

    Hi 🙂 I don't mean to be pedantic, but just wanted to mention, that in the example around 2:24 with the "centre-aligned" offset column, the column itself is actually col-xx-8 with an offset of 2 – not col-xx-10. Great explanatory, thanks.

  22. Brian Glassman
    September 21, 2019 at 15:38

    Didn't know Patton Oswald was a web designer!

    Just kidding, great video! Diving into Bootstrap 3 at work for a responsive landing page, and am quickly becoming addicted!

Leave A Comment

You must be logged in to post a comment.