• Tuesday , 25 February 2020

Bootstrap Grid – CSS Grids Series (Intro)

Code Canyon

Today we start a new series called CSS Grids. We are going to build and re-build the same layout with different grid frameworks.

Watch this video in the playlist: *link

Link of the week: http://www.gridlover.net/

Winning Tweet: https://twitter.com/f0vela/status/531858154556907522

DevTips is a YouTube show about web design and development.

“HTML5 Basics” Playlist:

“CSS Basics” Playlist:

“How to build a professional website from start to finish” Playlist:


Follow the DevTips GitHub Page to get all the codez:

DevTips now has a twitter account:

Travis also tweets:

Original source

3d Ocean

Related Posts


  1. Stop Glop
    February 9, 2020 at 17:10

    Nobody eats corn dogs anymore

  2. GuuKz
    February 9, 2020 at 17:10

    There's no substitute for your tutorial..seriously

  3. Péter Pataki
    February 9, 2020 at 17:10

    This is gold

  4. Isabel Rojano
    February 9, 2020 at 17:10

    you're hilarious

  5. Sahidul Islam
    February 9, 2020 at 17:10

    Hi , I am a bit confused about so many frameworks out there for making a website responsive. Which one would you like to recommend over the others. Or should I learn more than one.

  6. parth soni
    February 9, 2020 at 17:10

    Sass tutorials pls basic to end

  7. Mark Evans
    February 9, 2020 at 17:10

    I have a question it might be stupid, I'm just learning bootstrap and was wondering. Do I have to copy the css part on bootstrap cdn. Or can I use my own style.css sheet like normal ?


  8. Armaghan Asghar
    February 9, 2020 at 17:10

    The Casey Niestat of Web Dev

  9. Christian Gentry
    February 9, 2020 at 17:10

    No! WiX! NOOOO!

  10. Aubrey
    February 9, 2020 at 17:10

    This video was too over the top. You don't have to try so hard to be whacky. It's actually annoying. Just be yourself.

  11. jack shephard
    February 9, 2020 at 17:10

    You're so funny, I cann't help laughing while watch your tutorial. keep LOL

  12. Renny Andres
    February 9, 2020 at 17:10

    Loving the karate moves.

  13. Simeon Simeonov
    February 9, 2020 at 17:10

    Your videos rock man : ) Greetings from Bulgaria.

  14. Carolyn Schack
    February 9, 2020 at 17:10

    Great videos as always! What are everyone's thoughts on Bootstrap vs Media Queries? Do you suggest being familiar with both but use one over another? Thanks!

  15. Geoff James
    February 9, 2020 at 17:10

    Hey Trav!

    I love the videos on your channel – very informative, great to follow and understand (and not to mention fun(ny), too).</assKiss>

    I've been binge-watching a lot of your tutorials (mostly at work, whoops) and enjoyed this Bootstrap framework series.

    I know you've probably had a lot of requests already, but would you be able to do a series on "Materialize CSS"? Seeing as you work for Google, I thought this might be quite appropriate. I've had a quick look into MaterializeCSS, but not had a proper chance to try it out in anger.

    I thought a series from you would be super-helpful, and hopefully useful to others.

    Thanks 🙂

  16. mighty_object
    February 9, 2020 at 17:10

    Dude you rock! I am new to all this and your videos are a blessing!

  17. irshad mulani
    February 9, 2020 at 17:10

    Hi I would love to see a series on ionic framework.

  18. Vasya
    February 9, 2020 at 17:10


  19. Jhemerson Santos
    February 9, 2020 at 17:10

    Oh man, I laugh so hard at your videos. It makes learning pretty interesting and funny, so a big thank you! 🙂

  20. Clint Green
    February 9, 2020 at 17:10

    Bro when are you going to do another one of these for Bourbon? 🙂

  21. Mau Ferrusca
    February 9, 2020 at 17:10

    Took a beating watching this, but it was totally worth it.

  22. Mau Ferrusca
    February 9, 2020 at 17:10

    I'm NOT a girl, but I love you too. n_n

  23. livelifetothefull
    February 9, 2020 at 17:10

    Along time ago i think in one of your videos you showed a website that was called css vocabulary or something. i cant remember what it was called, do you know what i am talking about?

  24. Jason Hess
    February 9, 2020 at 17:10

    I would love to see a series on the "NKOTB" (New Kid on the Block – you know you loved them, we all did! ), anyways, it's materializecss.com. It's all based off of and created by "Google, Material Design" they just released recently. 
    Thanks Travis, love your channel I couldn't live without it. Or work?!?!?! You da man!

  25. Anatoly Khalizev
    February 9, 2020 at 17:10

    Hello Travis! Can you help me with some problem about one bootstrap theme I found. Here is my video http://youtu.be/ciiudMujq5I
    Problem is about horizontal scroll. I don't want it.
    Excuse for offtop.

  26. Anatoly Khalizev
    February 9, 2020 at 17:10

    Travis, I wish to start Bootstrap project. What workflow can you recommend? Jade+Sass processed by CodeKit? How I can create special folder for ftp sending onto server? I mean concatenation, minification of my development files.

    Or it is better to use some yeoman generator for it?

    Thank you for any advice!

  27. Clinton Baker
    February 9, 2020 at 17:10

    1 person did not want a corndog…

  28. Anatoly Khalizev
    February 9, 2020 at 17:10

    Travis and watchers! How can you comment this article http://themeshaper.com/2014/08/19/why-bootstrap-is-a-bad-fit-for-wordpress-themes/
    As I understand, Bootstrap, Foundation are not best solutions. I see a lot of professional comments and every against these frameworks.
    These comments more 'bla-bla-bla' or not? Because I see that a lot of good looking sites made with bootstrap and foundation…

  29. Wastefuldragon
    February 9, 2020 at 17:10

    Do unsemantic or purecss. io

  30. kamaboko1
    February 9, 2020 at 17:10


    Love your YouTube channel.  Lots of great content and you're a fantastic host.  I'm hoping what I'm about to say may lead to a larger discussion.  First, my background.  I've been a software recruiter for over 20 years. During that time I've seen a lot of technology come down the pipeline and more than my share of trends.  That said, one trend I've seen is the heavy reliance on frameworks and tool sets by new developers.  This has become increasingly prevalent in the past five years.  For instance, rarely do I not come across a junior front-end developer (e.g., three years or less of experience in my book) claiming to be an 'expert' at Javascript, yet has confused  it with jQuery, or believes they are one in the same.  I say this because when I send out code exercises specifically asking for a JS solution, they send it back using jQuery.  Then I end up explaining the differences using a few examples of my own and they think I don't know what I'm talking about. LOL.   And the <div> soup today is scary.  For instance, when I send out HTML/CSS exercises, I frequently get the HTML back using some sort of grid system buried in a sea of <div> tags when I specifically asked for HTML5 using current semantic markup.  

     I guess my question is, do you see a hazard in developers getting 'too hooked' on tools that offer a lot of shortcuts to reduce development time?  Is there a danger in losing the fundamentals, not learning them at all, or even properly?  Also, at what point in a developers career would you say is the 'right' time to pick up a development tool (e.g., Bootstrap. jQuery, etc.)?

    Again, great show, and I look forward to many more videos.  Also, I know I may have hit a few hot buttons for some readers.  Please, let's keep the comments civil. 


  31. Santiago Carnago
    February 9, 2020 at 17:10

    I like to see this tutorial with Kube Framework, just because it's simple, and for quick development is perfect

  32. Nirmal Kumar
    February 9, 2020 at 17:10

    Hey Travis
    Thanks for making these series. All your videos are very useful. Especially I like all the handful of links that you give in between your session. Thanks a lot and keep doing it.
    Btw, I am not seeing any follow button on your github page https://github.com/DevTips

  33. Daniel Lozano
    February 9, 2020 at 17:10

    Foundation if you please :P, nice work anyway!

  34. Shikhar saran Srivastava
    February 9, 2020 at 17:10


  35. Huni117
    February 9, 2020 at 17:10

    Hi Travis, great video can't wait to watch the series and learn bootstrap, thanks for all of your awesome vids, keep up the amazing work. BTW I would like to see Gumby.

  36. Supervan
    February 9, 2020 at 17:10

    Please vote for Bourbon / Neat, curios to see how it stand up against the big dogs Bootstrap and foundation. Lightweight and easy to maintain…

  37. Leo Dsilva
    February 9, 2020 at 17:10

    Framework7 takes my vote 🙂

  38. Jnr. Junnior.
    February 9, 2020 at 17:10

    Bourbon Neat would be great.

  39. Alexander Munck
    February 9, 2020 at 17:10

    UiKit would be interesting to see aswell!

  40. Andrew Turner
    February 9, 2020 at 17:10

    Ok… Yeah… I love you man, but… Well… I had my hopes up, but don't know the other stuff you're using- I'm a beginner. I think I could follow along a lot better if the other stuff was handled as a branch…. Fantastic concept, but It's like a lesson on finding stars when I don't know how to use the telescope…

  41. Ilya Toka
    February 9, 2020 at 17:10

    What about susy? I'd like to see it!

  42. Baron
    February 9, 2020 at 17:10

    YES!  Been looking on a good bootstrap tut

  43. Marko Boskovic
    February 9, 2020 at 17:10

    maybe Webplate's Grid ? looks nice, but that wink though! hahahah 😉

  44. Marco Ss
    February 9, 2020 at 17:10

    i would love to see Susy Grid : ]

  45. Zain Zafar
    February 9, 2020 at 17:10

    I am waiting for Semantic UI  

Leave A Comment

You must be logged in to post a comment.