7. Neighborhood :Guides - Images 2


#1
<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>
    </div>
    </div>
    </div>
    </div>

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

Hi @patrick_f17, your first column is missing it's closing tag -- or maybe it is one of the ones in that pile at the bottom?


#3

my first column is closed?, i have a and the bottom ones i should have 4 closing divs right?


#4

Does this help?


#5

im a bit confused as to why you move the thumbnails under the img src, and why you move the div class col to the bottom, i thought you start the thumbnails under the div class"col-md-4"?,


#6

Sorry, for my bad drawing. I'm trying to illustrate the matching pairs of open/close div tags. The thumbnails each have a closing tag but the column does not.


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

i see what you mean about how im closing the thumbnails but not the columns , i closed the columns and still not going through?


#8

Maybe a few too many ... :smile:


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

this is my new code?, is it bettter its hard for me to grasp ,


#10

It's getting better. The opening tag for you first column really got moved that time! Put it back, and don't forget to add a /div to close the first column just before you open the second column

I need to get better drawing tools :smile:


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

alright i moved it back? still not going through :open_mouth:


#12

You need to put a closing tag on your first column: Close the first column before you open the second. That way they will stand side by side instead of being nested inside each other.


#13

got it! thanks so much for the time and help :smile:


#14

A post was split to a new topic: 7. Neighborhood Guides - Images 2


#15

A post was split to a new topic: 7. Neighborhood Guides - Images 2