Neighborhood Guides: Images 2


#1

Here is my code. I am really struggling to finish it. http://pasteboard.co/PtEyswA.png


#2

@danielpirie,

Could you please display the plain-ASCII-HTML-code using the EDITOR facilities
of this site....??

edit your Post

  • leave one blank-line above of your code
  • select your code in the Post
  • then =click= on the </>-symbol-of-this-editor

Your code will then be in a pre-code state
and you will be able to make/present the proper indentations.

or even better use
= http://discuss.codecademy.com/t/using-backticks-to-format-your-code/3697
[extra's]
https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet


#3
<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">
<dic 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>

#4

@danielpirie,

<div class="neighborhood-guides">
  <div class="container">
    <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> <!-- Close Col-1 -->
       <div class="col-md-4">
          <div class="thumbnail"> <!-- changed dic into div --> 
              <img src="http://goo.gl/Av1pac"> 
          </div> 
          <div class="thumbnail">
              <img src="http://goo.gl/vw43v1">
          </div>
       </div> <!-- Close Col-2 -->
       <div class="col-md-4">
          <div class="thumbnail">
              <img src="http://goo.gl/0Kd7UO">
          </div>
       </div> <!-- Close Col-3 -->
    </div> <!-- Close ROW class -->
  </div> <!-- Close CONTAINER class -->
</div> <!-- Close neighborhood-guides class -->
<!-- </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).