Neighborhood-guides ex 7


#1

i have a problem with this:

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

what's wrong please i have 99%

thx for support


#2

The only problem I see there is that your first column doesn't have a closing /div tag.


#3

with this does'nt work why ? my english is bad because i'm french

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

what's wrong ?


#4

From your first post:

<div class="col-md-4"> <!-- column 1 begins -->

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

<!-- no closing tag for column 1 -->

<div class="col-md-4"> <!-- column 2 begins -->

#5

i try with this code :

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

send this message : Add a

..

#6

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

There is still no closing tag for your first column there. I see three <div> tags but only two </div> tags.


#7

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

what's wrong


#8

You have removed the closing /div tag for that thumbnail.

Your first column still does not have a closing /div tag.

That thumbnail div also does not have a closing /div tag. Nor does it's column have a closing /tag.

You should start putting comments on your closing tags - it will help you keep track of them.

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

#9

A post was split to a new topic: 7. Neighborhood Guides: Images 2 -- It keeps on telling me that I need to add another thumbnail