Ajax-loader-large-white
Make a Website: Bootstrap
Neighborhood Guides: Images 1

Nice work! Next let's add some images inside the columns.

Bootstrap provides the ".thumbnail" class to easily display grids of images. Here's how to create a thumbnail:

<div class="thumbnail">
  <img src="..." >
</div>

An img element is wrapped in a div element with the class "thumbnail".

Instructions

Inside the first <div class="col-md-4">..</div> column, add two thumbnails. Use "http://goo.gl/0sX3jq" for the first image and "http://goo.gl/an2HXY" for the second image.

Then in the preview window, click the "Full Screen" button to see the results.

?
Stuck? Get a hint! Hint
Get live, fast support from Codecademy Advisors when you get stuck. Learn more.

Your code should look something like this:

<div class="row">

  <div class="col-md-4">
    <div class="thumbnail">
      <img src="http://goo.gl/0sX3jq" >
    </div>

    <div class="thumbnail">
      <img src="http://goo.gl/an2HXY" >
    </div>
  </div>

  ...
</div>
index.html
main.css
project
View Preview