Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS Bootstrap 4 Basics (Retired) Building Forms with Bootstrap Custom CSS

Francisco Belenguer Vicente
Francisco Belenguer Vicente
9,372 Points
Posted by Francisco Belenguer Vicente
Francisco Belenguer Vicente
9,372 Points

Fit the size of the thumbnails inside the list-item with BootStrap?

Hi guys!, in the last video Guil recommend us practising with media objects and nested and collapsible elements, using the media object from the documentation I floated the images to the left as follows:

    <li class="list-group-item media">
                    <a class="media-left" href="#">
                    <img class="media-object"  src="img/avatar-ecma.png" alt="Responsive image"/>
                    </a>
                    <div class="media-body bg-primary">
                    <h4 class="list-group-item-heading   media-heading ">Keynote: Internet of Things <span class="label label-info label-pill pull-xs-right">9:00am</span></h4>
                    NodeStradamus
                    </div>
      </li>

The image doesn't show, do you have any suggestion for resolving this issue?. Thanks.

Pavithra Manivannan
Pavithra Manivannan
7,474 Points
Pavithra Manivannan
Pavithra Manivannan
7,474 Points

you have to use data-src for <img> tag.

<img class="media-object" data-src="img/avatar-ecma.png" alt="Responsive image"/>

1 Answer

Francisco Belenguer Vicente
Francisco Belenguer Vicente
9,372 Points
Francisco Belenguer Vicente
Francisco Belenguer Vicente
9,372 Points

Thanks, I just wrote it wrong but still is not showing, has anybody finished this exercise?