7. Cannot figure it out


#1

I am having the same issue and still cannot figure it out.

Here is my code:

      <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/0Kd7UO">
            </div>    
        </div>
    </div>        
</div>

Neighborhood Guides: Images 2 HELP?!
#2

@glowgirl137,
You are using a Bootstrap-facility ROW
The ROW will be divided by 12 COLUMNS
So you should at least have

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

++ bootstrap
http://getbootstrap.com/getting-started/
http://getbootstrap.com/2.3.2/components.html
We now have .col-xs (phones), .col-sm (tablets), .col-md (desktops), and .col-lg (large desktops).


#3

You need to close the first col-md-4 before the next one

<div class="col-md-4">
    <div class="thumbnail">
      <img src="http://goo.gl/0sX3jq" />
  </div> <!--This tag closes the first div thumbnail  -->

    <div class="thumbnail">
      <img src="http://goo.gl/an2HXY" />
  </div> <!--This tag closes the second div thumbnail  -->
</div> <!-- This tag closes div col-md-4 -->