• Thursday , 16 July 2020

Bootstrap Grid – CSS Grids Series (part 6 – 1st Column Layout)

Code Canyon

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. Vicente Priego
    May 18, 2019 at 15:54

    The language is nos Spanish, is French.

  2. Sandhya Bhovi
    May 18, 2019 at 15:54

    Ossam video

  3. Robin Teijema
    May 18, 2019 at 15:54

    bootstrap actually has a class for big images not to extend beyond their container, it's called .img-responsive.

    Just so you know;-)

  4. Travel Moustache
    May 18, 2019 at 15:54

    Just so you know, there's a class called .img-responsive in bootstrap that adds that max-width: 100% :p
    There's ALWAYS a class in Bootstrap, for basically everything. It's just buried in thousands of CSS element classes

  5. Joel Swensen
    May 18, 2019 at 15:54

    Thank you so much, this is really helping me right now 🙂

  6. Michael
    May 18, 2019 at 15:54

    When you did the ninjapunch in the start i died. so thanks alot

  7. Kariov
    May 18, 2019 at 15:54

    you make me love bootsrap thanks

  8. Assan Sanogo
    May 18, 2019 at 15:54

    One of the best tutos on Bootstrap.

  9. Christopher Stephens
    May 18, 2019 at 15:54

    I like how clean Jade looks, and include helps you easily keep your files modular. I love the syntax and I am a big fan of SASS as well. Unlike with SASS, I am concerned whether Jade actually increases productivity. Emmet seems to be a better choice for html, even though it is so ugly. What do you guys think?

  10. cleverlycoding
    May 18, 2019 at 15:54

    That's not spanish, the language is french!

  11. Damiano Todeschini
    May 18, 2019 at 15:54

    Hi travis! Very nice series! You can use .img-responsive bootstrap class for responsive images! 🙂

  12. LosEagle
    May 18, 2019 at 15:54

    Also, got a little alternative to placehold.it. It's called http://lorempixel.com/. You use it like http://lorempixel.com/400/200 and you can also add /business, /people and some other things (whole list is on their website). This generates some random photos if anybody prefers it over gray image.

  13. LosEagle
    May 18, 2019 at 15:54

    If you write your own styles to bootstrap elements do they always get prioritized over the bootstrap defaults or sometimes you do have to use "!important"?

  14. Robbie Sherman
    May 18, 2019 at 15:54

    This is a pretty cool series. Can you do more of these build a whole front page type series as I've learnt a few things so far (like the IMG 100%). Maybe one on different types of website, like a form filling in site, video playing site.

    Either way, nice mini series.

Leave A Comment

You must be logged in to post a comment.