7. Neighborhood Guides: Images 2


#1
<h2>Neighborhood Guides</h2> 
<p>Not sure where to stay? We've created neighborhood guides for cities all around the world.</p>
</div>
<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">
<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>

#2

You need to paste in your HTML as code
How to insert code into a post


#3



























#4

Select all your code press Shift + Ctrl + C


#5

'

























'

#6


#7

before your second <div class="col-md-4> you need to close off your first <div class="col-md-4>


#8


#9

I can't help you like this .. Cos I can't see the full code..

Go to your first post click on the pencil icon to edit it .. take your mouse select all the code on your keyboard press Shift + Ctrl + C


#10

I have changed the code above.


#11

You need to close it before the next col-md-4 div


#12

can you send me the full code plz? I have tried these all but again n again getting an error !


#13

I don't like to do this but anyway here it is please compare it with your code and see what mistakes you had

  <body>
    <div class="nav">
      <div class="container">
        <ul class="pull-left">
          <li><a href="#">Name</a></li>
          <li><a href="#">Browse</a></li>
        </ul>
        <ul class="pull-right">
          <li><a href="#">Sign Up</a></li>
          <li><a href="#">Log In</a></li>
          <li><a href="#">Help</a></li>
        </ul>
      </div>
    </div>

    <div class="jumbotron">
      <div class="container">
        <h1>Find a place to stay.</h1>
        <p>Rent from people in over 34,000 cities and 192 countries.</p>
        <a href="#">Learn More</a>
      </div>
    </div> 

    <div class="neighborhood-guides">
    <div class="container">
    <h2>Neighborhood Guides</h2>
    <p>Not sure where to stay? We've created neighborhood guides for cities all around the world.</p>

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

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

  </div>
</div>
	  <div class="container">
		<div>
	      <div>
			<h3>Travel</h3>
			<p>From apartments and rooms to treehouses and boats: stay in unique spaces in 192 countries.</p>
			<p><a href="#">See how to travel on Airbnb</a></p>
	      </div>
		  <div>
			<h3>Host</h3>
			<p>Renting out your unused space could pay your bills or fund your next vacation.</p>
			<p><a href="#">Learn more about hosting</a></p>
		  </div>
		  <div>
			<h3>Trust and Safety</h3>
			<p>From Verified ID to our worldwide customer support team, we've got your back.</p>
			<p><a href="#">Learn about trust at Airbnb</a></p>
		  </div>
	    </div>
	  </div>
	</div>
  </body>

#14

Thanks alot for sending this this helped me alot !
But now I'm getting an error that Oops' try again.Add a < div class="thumbnail" >...< div>
And I'm confused that I've done all then where I should add it ?
plz help me ..............!


#15

I.ve put the spaces between the code because was not visible on the page without it ..!


#17

If you are having trouble understanding how to use HTML tags and put them in the right place, this topic with help you.

You are learning to code now so you might as well learn to post your code in an internet forum. People who are helping need to see all of your code. It will help them help you if you take a few minutes and tidy your code before you post it. That might even help you spot the mistake.

How to post code in this forum.

Try it again, post all of your HTML code.