7. Neighborhood guides: Images 2


#1

Assim pra mim funcionou ficou na forma do modelo exemplo mas ta dando erro de uma div que nao descobri ainda

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

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

    <div class="learn-more">
	  <div class="container">
	  <div class="row">
        <div class="col-md-4">
		</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>
    </div>
   </p>
  </div>
  </div>
 </body>
<html>

5., 6. & 7. Some best practices to avoid errors
7. Neighborhood Guides: Images 2
Bootstraps:Lesson 5
#2

To troubleshoot a missing tag/div problem, first start lining up your matching open/close tags so that both tags are at the same indent level. That will give you visual clues and let you easily notice where you have missed/added something.

Keeping your matching open/close tags at the same indent level will help you see what you are building.

The pattern you are aiming for is:

<div class="neighborhood-guides"> <!-- start neighborhood-guides -->
  <div class="container"> <!-- start 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"> <!-- start row -->

        <div class="col-md-4"> <!-- start 1st column -->
            <div class="thumbnail">
                ... first thumbnail code here
            </div>
            <div class="thumbnail">
                ... second thumbnail code here
            </div>
        </div> <!-- close 1st column -->

        <div class="col-md-4"> <!-- start 2nd column -->
            <div class="thumbnail">
               ... third thumbnail code here
            </div>
            <div class="thumbnail">
              ... fourth thumbnail code here
            </div>
        </div> <!-- close 2nd column -->

        <div class="col-md-4"> <!-- start 3rd column -->
            <div class="thumbnail">
               ... fifth thumbnail code here
            </div>
        </div>  <!-- close 3rd column -->

    </div> <!-- close row -->

  </div> <!-- close container -->
</div> <!-- close neighborhood-guides -->

#3

<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">
           </dv>
        </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 class="col-md-4">
    <div class="thumbnail">
      <img src="http://goo.gl/0Kd7UO" >
    </div>
  </div>
        </div>

#4

ola fiz assim e deu certo mas muitas vezes pode estar faltando uma tag de fechamento revise todas pra mim faltava a em destaque .

<div class="neighborhood-guides">
      <div class="container">
        <h2>Neighgorhood Guides.</h2>
        <p>Not sure where to stoy? We've created neighborhood guides for cities all around the world.</P> 
        </div>
        <div class="nav">
       <div class="container"> 
        <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>

          </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 class="col-md-4">
 <div class="thumbnail">
      <img src="http://goo.gl/0Kd7UO" >
    </div>
        </div>
      </div>
    </div>
    <div class="learn-more">

#5

Here is your code down to the end of the first column, I copy/pasted it:

<div class="neighborhood-guides">
      <div class="container">
        <h2>Neighgorhood Guides.</h2>
        <p>Not sure where to stoy? We've created neighborhood guides for cities all around the world.</P> 
        </div>
        <div class="nav">
       <div class="container"> 
        <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>

          </div>

Here the same code, unchanged except for some formatting changes - extra spaces and blanks lines to make it easier to read. I have left you comments where there are problems.

<div class="neighborhood-guides">
      <div class="container">
        <h2>Neighgorhood Guides.</h2>
        <p>Not sure where to stoy? We've created neighborhood guides for cities all around the world.</P> 
      </div>  <!-- ending your container too soon -->

      <!-- this nav and container div should not be
                  inside your neighborhood-guides div -->
      <div class="nav">
      <div class="container"> 

      <div class="row">

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

      </div> <!-- ends row -->