Make a website: Bootstrap 7/14


#1

Been stuck for more than a few days on this one and can't figure it out. Could some one please tell me what I'm missing. I've looked at the other topics on this issue but still couldn't figure it out. Thanks in advance.

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

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

#2

Hi @cosmicbarrista

It's never too early to start writing tidy code. I know it isn't fun, but it will help you see what you are building.

Here is what you have now:

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

Here is your code, but tidied up. I've left comments where the problem is.

<div class="col-md-4">
    <div class="thumbnail">
        <img src="http://goo.gl/0sX3jq">
    </div> <!-- thumbnail -->
</div>  <!-- this tag is ending the column here -->
    <div class="thumbnail">
        <img src="http://goo.gl/an2HXY">
    </div> <!-- thumbnail -->
<!-- the closing column tag should go here -->

#3

Thank you for your help. You've helped me see it a bit more clearly. Unfortunately I'm still getting the error and can't understand why because I think that I closed all the tags. Would like to post the code to show you but I'm not sure how to have it come up as plain text. Thanks again for your help.


#4
  • post your code
  • select all of it
  • click the </> button on the toolbar

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

#6

The error that I'm seeing now is:

Set the src attribute of your thumbnail image to be "http://goo.gl/0Kd7UO".

You almost have that URL right, but not quite.


#7

Oh wow! I feel like such a dunce for that one. Thanks Albion. Honestly what brought it together for me was you mentioned ending the column vs closing the column. I was stuck because I couldn't understand why the extra but it makes sense now, thanks.