• Friday , 29 May 2020

Bootstrap tutorial 6 – Nesting the grid

Code Canyon
https://i.ytimg.com/vi/x6uafDNy-F4/hqdefault.jpg



In this tutorial I show you how to put a grid inside of a grid, this is called “nesting a grid” but it really should be called “Grid inception”

Useful links:
———————————–
Don’t forget to subscribe:
www.youtube.com/QuentinWatt

Follow me on Twitter:
www.twitter.com/QuentinWatt

Follow me on Facebook:
www.facebook.com/quentin.watt

Feel free to donate:
https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=CH68DBULMJ37N
————————————

Original source

3d Ocean

Related Posts

39 Comments

  1. Keith Segovia
    April 1, 2019 at 15:05

    I literally had to rearrange my div tags to make it work wrong so I can follow your tutorial of the way NOT to do it. You know your stuff, thx for the tut

  2. Incognito Incognitov
    April 1, 2019 at 15:05

    Thank for the video bro! If i write <div class="col-lg-12 bg-success"> i can't get 100% width and background color. I know Bootstrap changed but can you help me?

  3. Rich Williams
    April 1, 2019 at 15:05

    should you have 1 container for every page or many containers for every row of your page..cant find any tuts on spacing out the rows ..do you just use css margin-top etc , to stack rows on top of each other and space the content out?

  4. Quote Goat
    April 1, 2019 at 15:05

    my boss just told me to create the same website in bootstrap ! i only prepped for html css , but just starting to get bstrap

  5. menna ramadan
    April 1, 2019 at 15:05

    This is aweson.. thank you

  6. Nick Capretta Multimedia, LLC
    April 1, 2019 at 15:05

    When I do this with multiple nested columns, they stack rather than display inline, why is this?

  7. Gabriel Silva
    April 1, 2019 at 15:05

    If you aren't able to see the result of col-xs-* it's because in Bootstrap 4 it has changed to simply col-*

  8. wickss79
    April 1, 2019 at 15:05

    Inception does not mean recursion or nesting. Even though the movie "Inception" dealt with dreams within dreams, it was referring to placing an idea in someones head. It was talking about the inception, or starting point of the idea.

  9. Mark damien chinnasamy
    April 1, 2019 at 15:05

    Reading these things on tutorial sites and watching someone explaining these things to you are two different experiences. Thank you for providing clarity on this , looking forward to learning more from you ….Also i can hear that fellow South African Accent

  10. John Benjamin Brittan
    April 1, 2019 at 15:05

    great vid!

  11. yann DESDEVISES
    April 1, 2019 at 15:05

    Great practical way of teaching it, through concrete examples, which so many don't do!

  12. Krishna Vyas Gienah
    April 1, 2019 at 15:05

    Thanks, this tutorial helped me understand the concept and i was able to resolve the issue in my project.

  13. Chris Zuidema
    April 1, 2019 at 15:05

    Thanks for the tutorial Quentin!

    You should check out LiveReload for Sublime Text, it will auto refresh your browser after each save. It helped me a lot!

  14. Cheezy Master
    April 1, 2019 at 15:05

    Excellent! Nothing on the internet that teaches this better!

  15. Birva Ghodasara
    April 1, 2019 at 15:05

    Your tutorials are amazing and so easy to understand! They've helped me a lot. Thank you for making a difference and contributing to the society! 😀

  16. Dragon
    April 1, 2019 at 15:05

    This shit is confusing as a motherfucker. Makes me want to just use pure CSS for all my positioning,columns,grids and containers.

  17. American5585
    April 1, 2019 at 15:05

    you are one of the best teachers I have ever seen and I have watched many tutorials

  18. John Lima
    April 1, 2019 at 15:05

    Thanks

  19. Xiang Zhou
    April 1, 2019 at 15:05

    This vid is great. But the way you are explaining is super confusing.

  20. samadhan salgar
    April 1, 2019 at 15:05

    its so sweet video….Thnx…Bryant Vali

  21. Danny Davis
    April 1, 2019 at 15:05

    MO = " inception";
    MO.slice(3);
    Gridception

  22. Ibrahim Farah
    April 1, 2019 at 15:05

    Wonderful breakdown of the grid structure for bootstrap. Thanks a lot 🙂

  23. Avera
    April 1, 2019 at 15:05

    Instead of messing with adding a row inbetween a parent and class, why not just overwrite the padding parameter directly within the div and avoid all the headaches if one wants to achieve that effect?

  24. CyberGolem
    April 1, 2019 at 15:05

    Great series … but how is the opacity of the background done? I tried to use a different class but it isn't working.

  25. Skymage
    April 1, 2019 at 15:05

    im d second to comment that this one is not quentin… lol

  26. Lisa Pedrotti
    April 1, 2019 at 15:05

    These are very helpful tutorials. I've read and heard many times that building websites with Bootstrap is easy and fast, but that has not been my experience. I have struggled with understanding how it works and creating my site to look the way I want it to within the Bootstrap framework. It seems like every time I try to do the simplest thing with the site it either doesn't work or lots of other parts of the site "break". You are clearing up a lot of issues for me, Quentin. Thanks for putting this series together and making it easy to understand.

  27. Hasrat Sabit
    April 1, 2019 at 15:05

    Thank you very much Quintin. You solved the problem that I was struggling for three days. Much appreciated.

  28. Agbani Mohamed
    April 1, 2019 at 15:05

    Nice tutorial dude thx

  29. mohammad abdolhosseini
    April 1, 2019 at 15:05

    he is not quentin

  30. Robel Ayelew
    April 1, 2019 at 15:05

    Thanks

  31. Robel Ayelew
    April 1, 2019 at 15:05

    Hi quintin bro. I do not like the margin. How could get rid off the margin? Thanks!

  32. Welt der Dokumentationen
    April 1, 2019 at 15:05

    I allways find the right answers to my problems in your tutorials, thank you so much! Subd.

  33. J X
    April 1, 2019 at 15:05

    please, use fullscreen. Or zoom in. I sometimes have to use fullscreen to see something. Im using laptop.

  34. Lucas Santos
    April 1, 2019 at 15:05

    Amazing job man! Subscribed already!

  35. Tony Qiezi
    April 1, 2019 at 15:05

    Thank you! I think you were having a cold. 😛 Nice job man!

  36. Bryant Vail
    April 1, 2019 at 15:05

    These BootStrap Videos are Essential as I am integrating design so easily with the functionality of my Projects! Making a Difference Quentin!

  37. Charles Wright
    April 1, 2019 at 15:05

    Going good so far keep up the hard work!

  38. John-Paul Shirreffs
    April 1, 2019 at 15:05

    +1 Finding the tuts really informative.

  39. Md.Jahirul Islam
    April 1, 2019 at 15:05

    This is Awesome… In fact this was something I was looking for. Great Help Quentin Watt.

Leave A Comment

You must be logged in to post a comment.