7/14 Oops, try again. Add a <div class="thumbnail">..</div>


#1

Here is my code:

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

I get the error message: Oops, try again. Add a <div class="thumbnail">..</div>

I have no idea what the problem is.

any help is much appreciated

Janine


#2

You are closing your container div too soon. It shouldn't be closed until after the end of the row div.


#3

hmm, unfortunately even after removing the closing div and putting it at the very end - I still get the same error.

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

#4

Now you have a closing tag that is closing your row too early. The row should not be closed until after the third column.


#5

thank you so very much! now it works.


#6

I was stuck on the exact same issue. Thank you so much for posting this!


#7

Im having the same problem but not understanding the picutre you made PLEASE HELP


#8

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

#9

Thank you. I will give you taco


#10

See the </div> that I have highlighted below? It is closing your row too soon. You shouldn't close your row until after the third column.

You also have a few of these:

<src-image=

That should be changed to:

<img src=