Neighborhood guides grid stuck on it


#1

So im not really sure if im putting it in the right area but can someone tell me what im doing wrong. Im pretty sure its a plethora of things but im not sure were to start?

this is what i have.



<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>
    <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 class="col-md-4">
        </div>
        </div>
    </div>
    <a href="#">Learn More</a>
  </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> class="col-md-4>
		<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 class="col-md-4">
		<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>



#2

You need to close jumbotron and container before the second container and neighborhood guides


#3

@bambibuns, @zainabrawat,

If you are using the Bootstrap facility ROW
the Display is divided in 12 Evenly proportioned Column's
Thus the following would be valid

<div class="row">
    <div class="col-md-2">
    </div>
    <div class="col-md-8">
    </div>
    <div class="col-md-2">
    </div>
</div>

We now have .col-xs (phones), .col-sm (tablets), .col-md (desktops), and .col-lg (large desktops).
++ bootstrap
http://getbootstrap.com/getting-started/
http://getbootstrap.com/2.3.2/components.html

google search
== the Book ==
jquery [your question] site:developer.mozilla.org
CSS [your question] site:developer.mozilla.org
javascript [your question] site:developer.mozilla.org
[your question] site:jquery.com
[your question] site:getbootstrap.com

== discussions / opinions ==
jquery [your question] site:stackoverflow.com
CSS [your question] site:stackoverflow.com
javascript [your question] site:stackoverflow.com

== guidance ==
www.crockford.com
[your question] site:crockford.com
- - http://javascript.crockford.com/code.html
- - http://javascript.crockford.com/survey.html

http://stackoverflow.com/questions/1795438/load-and-execution-sequence-of-a-web-page


#4

@leonhard.wettengmx.n he is also missing those closing tags