This forum is now read-only. Please use our new forums at discuss.codecademy.com.

Make a Website: Bootstrap Forum

View Course » View Exercise

113 points
B345e1dcf912f6fb77afbe61a744c365?s=140&d=retro
Submitted by
Danilo Tatoni
almost 2 years ago

7/14 Make A website: BootStrap

Hi all, i've a problem with my code.
It shows me this error message :

Oops, Try again. Add a div class="thumbnail"> .. /div>

 <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 class="container">
    <h1>Find a place to stay.</h1>
    <p>Rent from people in over 34,000 cities and 192 countries.</p>
    <a href="#">Learn More</a>
  </div>
</div> 

<div class="learn-more">
  <div class="container">
   <div class="row"> 
    <div>
      <div class="col-md-4">
        <div class="thumbnail">
        <img src="http://goo.gl/Av1pac">
        </div>
        <div class="thumbnail">
        <img src="http://goo.gl/vw43v1">
        </div>
        <h3>Travel</h3>
        <p>From apartments and rooms to treehouses and boats: stay in unique spaces in 192 countries.</p>
        <p><a href="#">See how to travel on Airbnb</a></p>
      </div>
     </div>
    <div class="col-md-4">
    <div class="thumbnail">
    <img src="http://goo.gl/0Kd7UO">
    </div>

0 votes

permalink

HI Danilo Tatoni,

You have things a little bit mixed up there. Starting with exercise 5/14 and then continuing with 6/14 and 7/14, you should be adding code to your neighborhood-guides div. You seem to have added your row, columns and thumbnails to your jumbotron and your learn-more divs.

Here is the overall plan that you are aiming for:

<!DOCTYPE html>
<html>

  <head>
    ... links in here
  </head>

  <body>

    <div class="nav">
      <div class="container">
      ... your nav code goes in here
      </div>
    </div>

    <div class="jumbotron">
      <div class="container">
      ... your jumbotron code goes in here
      </div>
    </div>

    <div class="neighborhood-guides">
      <div class="container">
      ... your neighborhood-guides code goes in here
      </div>
    </div>

    <div class="learn-more">
      <div class="container">
        ... your learn-more code goes in here
      </div>
    </div>

  </body>
</html>

3691 points
55df2afa95e3787b9200005e_359368177
Submitted by
Judy
almost 2 years ago