Bootstrap 7 Neighborhood guides IMG2


#1
Can someone please tell me what I am doing wrong. I keep getting a "oops please add a <div class="thumbnail"> </div>.  Here is my code.

<!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>nieghborhood 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 class="thumbnail">
<img src="http://goo.gl/an2HXY">
</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>
</div>
</div>
<div class="col-md-4">
<div class="thubmnail">
<img src="http//oo.gl/OKd7u0">
</div>
</div>
<div class="learn-more">
	  <div class="container">
		<div class="row">
	      <div class="col-md-4">
			<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>
			<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

There is your first column and the opening tag of the second column. You can see there that the first column hasn't been closed before the second column begins.

There is your second column. Notice the three closing /div tags at the end. One is closing the thumbnail - that's good, one is closing the column - also good, and one is closing the row -- that's bad.


#3

Thank you for the h


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







<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>


nieghborhood guides.


Not sure where to stay? We've created neighborhood guides for cities all around the world"

























Travel


From apartments and rooms to treehouses and boats: stay in unique spaces in 192 countries.


See how to travel on Airbnb





Host


Renting out your unused space could pay your bills or fund your next vacation.


Learn more about hosting




Trust and Safety


From Verified ID to our worldwide customer support team, we've got your back.


Learn about trust at Airbnb






indent preformatted text by 4 spaceselp. Now I am getting the "make the img src "http://goo.gl/Av1pac" It is exactly like they have it in the instructions. This is what I have


#4
Sorry it didn't post how I wanted it.  <!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>nieghborhood 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 class="thumbnail">
<img src="http://goo.gl/an2HXY">
</div>
<div class="col-md-4">
<div class="thumbnail">
<img src="http://goo.gl/Av1pac">
<img src="http://goo.gl/vw43v1">
</div>
</div>
<div class="col-md-4">
<div class="thumbnail">
<img src="http//:goog.le/0Kd7UO">
</div>
</div>
<div class="learn-more">
	  <div class="container">
		<div class="row">
	      <div class="col-md-4">
			<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>
			<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>

#5

In case you are interested, you can format your code so that it displays as text instead of being rendered as HTML.

Select all of your code, then click the </> button on the editor's toolbar. I'll wait a bit while you give that a try.


#6
I resent it, but I don't see it. i'll post it again<!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>nieghborhood 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 class="thumbnail">
<img src="http://goo.gl/an2HXY">
</div>
<div class="col-md-4">
<div class="thumbnail">
<img src="http://goo.gl/Av1pac">
<img src="http://goo.gl/vw43v1">
</div>
</div>
<div class="col-md-4">
<div class="thumbnail">
<img src="http//:goog.le/0Kd7UO">
</div>
</div>
<div class="learn-more">
	  <div class="container">
		<div class="row">
	      <div class="col-md-4">
			<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>
			<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>

#7

And thanks for the help


#8

<div class="row">

    <div class="col-md-4">
        <div class="thumbnail">
            <img src="http://goo.gl/0sX3jq">
        </div>  <!-- closes thumbnail -->
        <div class="thumbnail">
            <img src="http://goo.gl/an2HXY">
        </div> <!-- closes thumbnail -->
    <!-- tag missing to close column -->

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

That is your first column -- notice how it doesn't have a closing tag?


#9

So should there be three under ?


#10

And two under the in the second column?


#11

I've edited my last answer to make it clearer.


#12

This is what finally worked for me.








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


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




      <div>