• Thursday , 2 July 2020

Bootstrap Grid – CSS Grids Series (part 10 – Media Object Style)

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. Dio
    May 30, 2019 at 16:08

    chilling in 2016 oh yeah! watch this while i eat lol

  2. Danny A
    May 30, 2019 at 16:08

    your mom said what up lol !

  3. Danny A
    May 30, 2019 at 16:08

    do you even lorem bro … lol

  4. AndreAgonia
    May 30, 2019 at 16:08

    EDIT! As for Raul pull-left instead of media-left did it for me, weird…using Bootstrap 3.3.5

    Around 4:30 the image is not showing in the media object for me unless I outdent it but if I do it's obviously outside the media object. Followed everything perfectly from first video and checked the code more than once, what's wrong with it?

  5. Raul Ramos
    May 30, 2019 at 16:08

    For some reason i have to use pull-left, media-left don't do nothing. Bootstrap  3.3.2.
    Thanks for everything

  6. Clinton Baker
    May 30, 2019 at 16:08

    Hey Travis, I ran into an issue with the img max-width: 100% in our styles sheet on this one. It does something weird and messes up my media-object so that the img doesn't display at all. Any idea why this might be?

  7. Anthony Malloc
    May 30, 2019 at 16:08

    Did I miss the bit where you defined the aside?

  8. Vaughn Haynes
    May 30, 2019 at 16:08

    I was so wrapped up in the jade that I almost forgot about the bootstrap. Those helper classes are pretty cool.

Leave A Comment

You must be logged in to post a comment.