Neighboorhood guides: bootstrap


#1

Error: Make sure the < div class="neighborhood-guides">.. is after the jumbotron.
It is after jumbotron and I dont see anything else thats wrong, any help would be great, Thanks.

<div class="jumbotron">
<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>
<div class="col-md-4">
</div>
<div class="col-md-4">
</div>
</div>
</div>
</div>

#2

As it stands there, the neighborhood-guides div isn't AFTER the jumbotron div, it is INSIDE the jumbotron. Remember that the div isn't finished until you put the closing tag on it.

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>

#3

Ah I see, Thank you for the quick response much appreciated.