7. Neighborhood Guides: Images 2


#1

I can't seem to get this one. At first I was getting "Oops, try again. Add a

..
" I would make some changes and then get an error message like "change img src to "http://goo.gl/Av1pac" " and now I am confused and don't know whats up? Any help?



Neighborhood Guides


Not sure where to stay? We've created neighborhood guides for cities all around the world.

<div class="row">
  <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>





#2

@cyberdust,
In Bootstrap
if you use the 'class="row"' facility
the viewport is divided into 12 Columns
and with your 3 times col-md-4
you will have 3 COLUMNS with a 4-col-bootstrap width

<div class="row"> 
  <div class="col-md-4">
        <!-- Here you add 1 or more img's -->
  </div>

  <div class="col-md-4">
     <!-- Here you add 1 or more img's -->
  </div>

  <div class="col-md-4">
     <!-- Here you add 1 or more img's -->
  </div>
</div> <!-- the ROW is closed.... -->

++ 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).