Add a <div class="thumbnail">..</div>, what am I doing wrong


#1

<!DOCTYPE html>
<html>

  <head>
    <link href="http://s3.amazonaws.com/codecademy-content/courses/ltp/css/shift.css" rel="stylesheet">
    <link rel="stylesheet" href="http://s3.amazonaws.com/codecademy-content/courses/ltp/css/bootstrap.css">
    <link rel="stylesheet" href="main.css">
  </head>

  <body>

    <div class="nav">
      <div class="container">
        <ul class="pull-left">
          <li><a href="#">Name</a></li>
          <li><a href="#">Browse</a></li>
        </ul>
        <ul class="pull-right">
          <li><a href="#">Sign Up</a></li>
          <li><a href="#">Log In</a></li>
          <li><a href="#">Help</a></li>
        </ul>
      </div>
    </div>

    <div class="jumbotron">
      <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="neighborhood-guides">
  <div class="container">
    <h2>Neighborhood Guides</h2>
    <p>Not sure where to stay? We've created neighborhood guides for cities all around the world.</p>
    <div class="row">
      <div class="col-md-4">
        <div class="thumbnail">
         <img src="http://goo.gl/0sX3jq">
      </div>
      </div>
    <div class="thumbnail">
      <img src="http://goo.gl/an2HXY">
    </div>
  </div>
  </div>
      <div class="col-md-4">
       <div class="thumbnail">
        <img src="http://goo.gl/Av1pac">
       </div>
       </div>
     <div class="col-md-4">
      <div class="thumbnail">
       <img src="http://goo.gl/vw43v1">
      </div>
      </div>
      <div class="col-md-4">
       <div class="thumbnail">
         <img src="http://goo.gl/0Kd7UO">
        </div>
        </div>
      </div>
    </div>
  </div>
</div>

    <div class="learn-more">
	  <div class="container">
	  <div class="row">

    <div class="col-md-4">
        <div class="col-md-4">
            <div class="col-md-4">
            </div> 
        </div> 
    </div> 

</div>
		<div>
	      <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>
			<h3>Host</h3>
			<p>Renting out your unused space could pay your bills or fund your next vacation.</p>
			<p><a href="#">Learn more about hosting</a></p>
		  </div>
		  <div>
			<h3>Trust and Safety</h3>
			<p>From Verified ID to our worldwide customer support team, we've got your back.</p>
			<p><a href="#">Learn about trust at Airbnb</a></p>
		  </div>
	    </div>
	  </div>
	</div>

  </body>
</html>

#2

After your first thumbnail, you have two /div tags. On is closing the thumbnail -- that's good, one is closing the column -- that's bad. You don't want to close your column until after the second thumbnail.

You have several more places where you have done the same sort of thing. There is some advice in here http://discuss.codecademy.com/t/5-6-7-some-advice-to-help-you-control-your-divs/9829/25 that might help show your divs that you are the boss.

The tip that might help you the most is the one about putting short comments on your /divs so that you are clear on what they are closing. Like this:

<div class="thumbnail">
    <img src="http://goo.gl/0sX3jq">
</div>   <!-- closes thumbnail -->