Make a Website: Bootstrap Neighborhood Guides: Images 2


#1

I have been working on this for a while and I keep getting an error message that says "Oops, try again. Add a <div class="thumbnail">..</div>"
Here is the problem section
<div class="learn-more">
<div class="container">
<div class="row">
<div class="col-md-4">
</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>


#2

It looks like the problem has to do with putting your new code in the learn-more div. Exercises 5, 6 and 7 are all about creating and adding code to your neighborhood-guides div.


#3

I have looked back at those exercises and I still do not understand what I am doing wrong... any ideas?


#4

Keeping your matching open/close tags at the same indent level will help you see what you are building. Your web pages will be getting more complicated from now on so this is becoming more important to you.

This page you are making is composed of 4 major divs. The nav, jumbotron, neighborhood-guides and learn-more. At the end of exercise 4/14 you would have had the nav, jumbotron and learn-more in place and in 5/14 you are adding neighborhood-guides. It goes between jumbotron and learn-more.

Here is the overall plan that you are aiming for:

	<!DOCTYPE html>
	<html>
	  <body>
	
	    <div class="nav">
	      <div class="container">
	      ... your nav code goes in here
	      </div>
	    </div>
	
	    <div class="jumbotron">
	      <div class="container">
	      ... your jumbotron code goes in here
	      </div>
	    </div>
	    
	    <div class="neighborhood-guides">
	      <div class="container">
	      ... your neighborhood-guides code goes in here
	      </div>
	    </div>
	
	    <div class="learn-more">
	      <div class="container">
	        ... your learn-more code goes in here
	      </div>
	    </div>
	
	  </body>
	</html>

#5

thank you so much :smile: