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


#1

HELP!
I have reset and redone my work multiple times, and I still come up with this error message. I need a fresh pair of eyes to review my work and tell me what I'm missing.

I compared it to the <div> from the previous lesson and it seems exactly the same. I don't know where I went wrong.
How can I provide an example of my work for review?


#2
  • use your mouse to select and copy all of your HTML code
  • paste it here
  • select it all again
  • click the </> button on the toolbar to format it as text

#3

I'm having the same problem, I've been over it over and over again but it looks right and I don't know what the problem is.


#4

First let's add a row class.

<div class = "row">

</div>

Now let's add a col-md-num class.

<div class = "row">
  <div class = "col-md-4">

  </div>
</div>

Now the thumbnail class.

<div class = "row">
  <div class = "col-md-4">

    <div class = "thumbnail">
      <img src = "your image link" />
    </div>

    <div class = "thumbnail">
      <img src = "your image link" />
    </div>

  </div>
</div>

If this doesn't work, please post your code.


#5
<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="col-md-4">
   <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>
<div class="learn-more">
  <div class="container">
  <div class="row">
  <div class="col-md-4">

#6

You forgot to close the second column, add </div>.


#7

How do I close the second column?


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

 Second column, add one more "</div>"

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

End second column.

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

#9
    <div class="col-md-4">
  <div class="thumbnail">
    <img src="http://goo.gl/Av1pac">
</div>
</div>
  <div class="col-md-4">
   <div class="thumbnail">
    <img src="http://goo.gl/vw43v1">
   </div>
  </div>

Like this?


#10

Thanks, the instructions were a bit unclear.


#11

Yes, just like this!


#12

i need help i dont what i did wrong im having the same problem!
can someone help me????


#13

3 posts were split to a new topic: Oops, try again. Add a

..


#15

Yes. I had the same problem. But it worked now. You need to add one more < /div > after the first < col-md-4 >


#17

5 posts were split to a new topic: Oops, try again. Add a

..


#22

2 posts were split to a new topic: Oops, try again. Add a

..


#23

A post was split to a new topic: Oops, try again. Add a

..