This forum is now read-only. Please use our new forums! Go to forums
5/14 It says make sure div class="neighborhood-guides...div is after "jumbotron"
I do not understand at all. Very confused.
After I click save and submit it says make sure div class=”neighborhood-guides…div is after “jumbotron”
Answer 53967c72631fe9b2960004f4
here how I did it . hope it helps
https://drive.google.com/file/d/0B61pYOZ90uAMTVlrN1JzWHRYQlE/edit?usp=sharing
Answer 5389fb4b9c4e9d3f1c000096
Hi Tyler, you haven’t shown us your code so I can only guess at what you may have done. Often people accidentally put their neighborhood-guides
div INSIDE of their jumbotron
div instead of AFTER it. They don’t look closely enough to notice where the closing </div>
tag of their jumbotron
element is.
Keeping your matching open/close tags at the same indent level will help you see what you are building.
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 now 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>
41 comments
it’s really helpful , thanks
thanks! :D
thanks!!! i had the same problem.
similar problem thank you.
Thank you very much :)
Your most welcome.
I thought it’s in-between “learn more” and “container”. Thanks for the code.
Thanks a lot. Your feedback was helpful enough to solve this problem.
Thanks, I got it..
I just added after jumbotron and it fixed this problem :) thanks for the help
I did as it was shown in here but mine didn’t work.
@Davit, it will be much easier to spot the problem if we could see your code!
Hi Albions, I did it exactly as the instructions and even checked against your code, still am getting the error - Oops, try again. Make sure the
<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>
<div class="col-md-4"></div>
<div class="col-md-4"></div>
</div>
</div>
</div>
Please help.
That’s a bit hard to read Florence but I can see one problem. You shouldn’t have any rows or columns in your jumbotron div.
Hi Albions, Yes, I removed the rows and columns in jumbotron and it worked. How do I copy and paste the code like you did above. When I copy and paste on my comment, it looks ok. When I click on Comment, it all goes into 1 sentence like my comment above. Thanks for your help.
Unfortunately “comments” can’t be formatted. Only the original question and any answers. On the toolbar in the editor there is a code button, it looks like {}, you can select your code and click that. If you have a lot of code it is easier to put three backticks, ```, on empty lines, before and after your code.
Tyler i figured it out you need to do this:
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>
<div class="col-md-4">
</div>
<div class="col-md-4">
</div>
</div>
Guys I understand when you say columns but not rows! Help!
thanks! this helped me get what i was doing wrong
THAAAAANKSS!!!! :)
This really DID NOT HELP ME AT ALL!
thanks
This was so helpful
thanks alot
Nice explanation, helped me get through the exercise.
Thanks a lot.
thans
thx
You know that there’s a
Hi kingspellingbee101, are you talking to me?
Yes.
I do know that HTML5 has a nav element. I don’t think that is going to help us with this exercise but it is good to know it exists for doing your own creations though!
This helped me, thank u
That helped me alot also using the nav element to hide the code makes you able to see the mistakes! Thank you <3
thanks a lot !! its working
thnk u…
me too. Neighbour instead of neighbor! Arrghh!!!!!!
i did it completely wrong, thanks for the help :D
thank you
Oops, try again. Add an h2 element with text inside
Hi Arsene Ngombu, have you already posted your code where we can see it?
Answer 53ad471880ff3364510029c7
i had the same problem and, uh finally i understood that it was just a simple spelling mistake, instead of neighbor, i wrote neighbour.
13 comments
ME TOO! Thank you for posting - this is the comment that made me see that :)
Argh - me too! Thanks so much, been trying to figure out what was wrong for ages!
thank you omg
First miss typed colour instead off color and now neighbo”u”r instead off neighbor
ugh! misspelled again! thx for the reminder, works now. :)
i had the same problem with the misspelled, added the u in
oh dear!i made the same mistake!thanks!
Brought a smile to my face to learn I wasn’t the first one to stumble here. Woe be on British English!
Thank you so much for your comment I have been wrecking my brain for 20mins, I then checked my spelling, and wallah!
We use American English in computer science, not British English.
Same here zzz
I just spent the last half an hour trying to work out what was wrong..thanks for the tip :D frustrated
I had the same issue too. How irritating!
Answer 53930e7952f863ab69000c3e
follow the hint would be helpful :)
here’s my sol. of the part, plz take it if you really need a rapid answer https://drive.google.com/file/d/0B3HtvFUJZxdkMmtLNGtTV0NDTEk/edit?usp=sharing
hope it help you :D
7 comments
thanks allot . was really helpful
thnx
THANK YOU! I was so annoyed!!!!
Thanks man. I put it after the jumbotron div itself!
i made it the code good. Problem was MOZILLA FIREFOX!
thanks i wasnt closing the div :d
Thank you. I put my code after the jumbotron.
Answer 53aedaeb52f863e261001c44
Make sure you spell it correctly I got this problem because I left out the dash, I put Neighborhood Guides instead of Neighborhood-Guides
1 comments
Thanks, I made the same mistake and it was hilarious that something so small caused me so much frustration. Thanks again
Answer 53b8b56b8c1ccc8f430006d2
What is wrong with mine?
<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="col-md-4">
<div class="col-md-4">
</div>
</div>
</div>
<div class="learn-more">
<div class="container">
<div class="row">
<div class="col-md-4">
<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>
4 comments
Hi Keith, you need to close your column divs, they are missing their tags.
hey Albions why do enter clos dv after every “col-md4” We did not add any previously when we enter “col-md-4” in
@palestine, I am surprised to hear that you have put columns in your nav.
omg that helped me so much i’ve been stuck on this for a week
Answer 539a21a19c4e9ddc2300056e
I had this problem too, the directions confused me. Thanks for the help!
Answer 53a47bd37c82ca49e6000dc6
I forgot to add an extra tag above the neighborhood-guides, in the jumbotron section which was why I was getting that message.
1 comments
closed div tag
Answer 53ba88037c82ca09d4000c42
Keith, easy way to not mess up the div close, just when you create one then hit enter and close it then go back and put what you need inside it, example:
<div class="Neighborhood-Guides"></div>
Now just put what ever you need inside them and that way you never forget your closing div
Answer 53c805a552f86399aa00026d
<!DOCTYPE html>
<html>
<head>
<link href="http://s3.amazonaws.com/codecademy-content/courses/ltp/css/shift.css" rel="stylesheet">
<link rel="stylesheet" href="http://s3.amazonaws.com/codecademy-content/courses/ltp/css/bootstrap.css">
<link rel="stylesheet" href="main.css">
</head>
<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>
<div class="container"></div>
<h2>Neighbourhood Guides</h2>
<p>Not sure where to stay? We've created neighborhood guides for cities all around the world.</p>
<div class="learn-more">
<div class="container">
<div class="row">
<div class="col-md-4">
<div class="col-md-4">
<div class="col-md-4">
<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>
</div>
</div>
<div class="col-md-4">
<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 class="col-md-4">
<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>
</html>
No idea what is wrong with mine? Anyone
1 comments
Hi Kasiamikus, you have things a bit messed up there. Near the top of this thread there is a response from me that starts off with “Hi Tyler”. Have a look at that. I’ve shown what the expected layout should be. If you have questions after that it might work better to use the green “Ask a question” button to start a new thread.
Answer 53cb050080ff3337c20024ea
plz what is wrong here?
<!DOCTYPE html>
<html>
<head>
<link href="http://s3.amazonaws.com/codecademy-content/courses/ltp/css/shift.css" rel="stylesheet">
<link rel="stylesheet" href="http://s3.amazonaws.com/codecademy-content/courses/ltp/css/bootstrap.css">
<link rel="stylesheet" href="main.css">
</head>
<body>
<div class="nav">
<div class="container">
<div class="row">
<div class="col-md-4">
<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">
<div class="row">
<div class="col-md-4">
<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>
<div class="col-md-4">
</div>
<div class="col-md-4">
</div>
</div>
</div>
</div>
<div class="learn-more">
<div class="container">
<div class="row">
<div class="col-md-4">
<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>
</html>
1 comments
@merotantawy, you shouldn’t have any row or column divs in your nav or jumbotron divs.
Answer 53e68f3952f86306e3002391
Having that “Oops, try again. Make sure the <div class="neighborhood-guides">..</div>
is after the jumbotron” error with my code also;
<!DOCTYPE html>
<html>
<body>
<div class="nav">
<div class="container">
<div class="row">
<div class="col-md-4">
<ul class="pull-left">
<li><a href="#">Name</a></li>
<li><a href="#">Browse</a></li>
</ul>
</div>
</div>
<div class="jumbotron">
<div class="container">
<div class="neighborhood-guides">
<div class="row">
<div class="col-md-4">
<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>
<div class="neighborhood-guides">
<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>
<div class="col-md-4">
</div>
<div class="col-md-4">
</div>
</div>
</div>
</div>
<div class="learn-more">
<div class="container">
<div class="row">
<div class="col-md-4">
</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>
</html>
2 comments
Hi Natalie, you have three instances of
Thank you, didn’t notice. Haven’t had much time to donate to this of late! :)
Answer 54664fef52f8631231003fb5
I’ve got the same problem vith me code
<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">
<div class="row">
<div class="col-md-4">
<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>
<div class="col-md-4"></div>
<div class="col-md-4"></div>
</div>
</div>
</div>
<div class="learn-more">
<div class="container">
<div>
<div class="col-md-4">
<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 class="col-md-4">
<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>
1 comments
Your jumbotron shouldn’t have any rows or columns in it. Once you take those out things should work better for you!
Answer 547af8778c1ccc9840007853
console.log('' **add a .... </div> ..... right after <div class="jumbotron"> .... **
Answer 548688e3937676eeaa000330
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>
<div class="col-md-4"></div>
<div class="col-md-4"></div>
</div>
is there anything wrong with my code? thanks!
3 comments
Why are you asking Harold - are you seeing an error message or does the preview look wrong?
on
Answer 5488294f76b8fe516e001648
Answer 54cbeae09113cb70e3000bd5
What am I doing wrong?
<!DOCTYPE html>
<html>
<head>
<link href="http://s3.amazonaws.com/codecademy-content/courses/ltp/css/shift.css" rel="stylesheet">
<link rel="stylesheet" href="http://s3.amazonaws.com/codecademy-content/courses/ltp/css/bootstrap.css">
<link rel="stylesheet" href="main.css">
</head>
<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">
<div class="row">
<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>
<div class="col-md-4"></div>
<div class="col-md-4"></div>
</div>
</div>
</div>
<div class="learn-more">
<div class="container">
<div class="row">
<div class="col-md-4">
<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 class="col-md-4">
<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 class="col-md-4">
<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>
</body>
</html>
1 comments
<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>
Answer 550fe511937676e68900571e
3 comments
Hi Ian, whose question are you responding to - or is this a question of your own?
could u please give me the answer to 5/14 i am stuck
Hi Ian Ash, that’s not how it works here. Posting just the code for the answers is against the forum guidelines. If you can’t find your answer by reading the pinned thread for your exercise then you should start a new thread with your code and explain a bit about the trouble you have having. Then helpers will give you a hand with the part you have doubts about.
Answer 55536b1895e378dcc000053c
this is what i have, still getting the message “make sure the <div class="neighborhood-guides">
is after the jumbotron
<html>
<body>
<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>
<div class="col-md-4">
</div>
<div class="col-md-4">
</div>
<div class="nav">
<div class="container">
... <div class="nav">
</div>
</div>
<div class="neighborhood-guides">..</div>
<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>
</div>
<div class="neighborhood-guides">
<div class="container">
... <div class="neighborhood-guides">
</div>
</div>
<div class="learn-more">
<div class="container">
... <div class="learn-more">
</div>
</div>
</body>
</html>
1 comments
Hi Alisha Thomas, not only is your neighborhood-guides not after your jumbotron as the exercise is asking for, I can’t even find your jumbotron anymore – and you have three neighborhood-guides divs there instead of just one. Please take the time to read this post http://www.codecademy.com/forum_questions/53895d4c548c355017001d58#response-5389fb4b9c4e9d3f1c000096, and then step back to exercise 5/14, use the Reset Code button and run through it once more.
Answer 5576dcbce39efe75da00057f
What’s wrong with my code?
<!DOCTYPE html>
<html>
<head>
<link href="http://s3.amazonaws.com/codecademy-content/courses/ltp/css/shift.css" rel="stylesheet">
<link rel="stylesheet" href="http://s3.amazonaws.com/codecademy-content/courses/ltp/css/bootstrap.css">
<link rel="stylesheet" href="main.css">
</head>
<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="neighboring-guides">
<div class="container">
<h2>Neighboring Guides</h2>
<p>Not sure where to stay? We've created neighboring guides for all cities all around the world</p>
<div class="row">
<div class="col-md-4">
</div>
<div class="col-md-4">
</div>
<div class="col-md-4">
</div>
</div>
</div>
</div>**
<div class="learn-more">
<div class="container">
<div class="row">
<div class="col-md-4">
<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 class="col-md-4">
<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 class="col-md-4">
<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>
</html>
1 comments
class=”neighboring-guides” should be class=”neighborhood-guides”
Answer 557b398676b8fea648000601
Can you present your code, so I can help you?
Answer 55822daa937676b3f5000002
From what everyone is saying on this thread this code should produce the desired result but doesn’t. Is there something I’m missing?
<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 you want to stay? We've created neighborhood guides for cities all around the world.</p>
<div="row">
<div class="col-md-4"></div>
<div class="col-md-4"></div>
<div class="col-md-4"></div>
</div>
</div>
</div>
<div class="learn-more">
<div class="container">
<div class="row">
<div class="col-md-4">
<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>
2 comments
Hi Darrin, yes there is something missing. This is your problem code : <div=”row”>
@AlbionsRefuge, you are right; @DarrinWebster was missing the class attribute.
Answer 5583c4f99113cb08f400020e
3 comments
Hi Buwaneka, first find your div that has a class name of jumbotron, it looks like this
Yes your correct but there is the same error but thanks!
Hi Buwaneka, this is going to go a lot easier if you use the “Ask a question” button to start your own thread. Include all of your HTML code, your exercise number and the error message that you are seeing. If you need them, here are instructions for posting code in these forums: http://www.codecademy.com/forum_questions/51d9e8f68c1cccc92403ffe8
Answer 5584dda176b8feff650001e8
<!DOCTYPE html>
<html>
<head>
<link href="http://s3.amazonaws.com/codecademy-content/courses/ltp/css/shift.css" rel="stylesheet">
<link rel="stylesheet" href="http://s3.amazonaws.com/codecademy-content/courses/ltp/css/bootstrap.css">
<link rel="stylesheet" href="main.css">
</head>
<body>
<ul class="pull-left">
</ul>
<ul class="pull-right">
</ul>
<div class="nav">
<div class="container">
<ul>
<li><a href="#">Name</a></li>
<li><a href="#">Browse</a></li>
</ul>
<ul>
<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">
<div class="row">
<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>
<div class="col-md-4">
</div>
<div class="col-md-4">
</div>
</div>
</div>
</div>
<div class="learn-more">
<div class="container">
<div class="row">
<div class="col-md-4">
<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 class="col-md-4">
<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 class="col-md-4">
<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>
</html>
4 comments
still wrong
You have an unexpected
?? Don’t get it??
Thanks it worked! :)
Answer 55b48fdfd3292f9ce10001ba
hi mine says Oops, try again. Add a second <div class="col-md-4">..</div>
in the <div class="row">..</div>
.
<!DOCTYPE html>
<html>
<head>
<link href="http://s3.amazonaws.com/codecademy-content/courses/ltp/css/shift.css" rel="stylesheet">
<link rel="stylesheet" href="http://s3.amazonaws.com/codecademy-content/courses/ltp/css/bootstrap.css">
<link rel="stylesheet" href="main.css">
</head>
<body>
<div class="nav">
<div class="container">
</div>
<ul class="pull-left">
</ul>
<ul class="pull-right">
</ul>
<ul>
<li><a href="#">Name</a></li>
<li><a href="#">Browse</a></li>
</ul>
<ul>
<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="col-md-4">
<div class="col-md-4">
</div>
</div>
</div>
<div class="learn-more">
<div class="container">
<div class="row">
<div class="col-md-4">
<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>
</html>
1 comments
Hi abdirahmanabdi, each of your columns should have a closing tag. Close each column before you begin the next one.
Answer 55b6fe7776b8fe5bd80002f3
Answer 55c2e383e39efe0f6200005b
Answer 55dd0239e39efe2434000083
<div class="jumbotron">
<div class="container">
<div class="col-md-4">
<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>
<div class="col-md-4"></div>
<div class="col-md-4"></div>
</div>
</div>
</div>
<div class="learn-more">
<div class="container">
<div class="col-md-4">
<div>
<div>
The problem is
Oops, try again. Make sure the
Answer 55f945979113cb484600018a
I NEED HELP ALSO! IS THERE SOMEONE IN THE WORLD THAT CAN HELP US!!!!!!!!!!!!??????????
1 comments
Hi kodekat9, of course, there are many people here who would be happy to help. Have you already posted your code where we can see it? Or do you have a specific question?
Answer 538cd735548c35a3c8000ee2
Thanks, AlbionsRefuge. I had the same trouble with that.
Answer 5394065b9c4e9d3c0d00303d
I’m having the same problem. My code looks exactly the same as cooshif but it keeps saying make sure div class=”neighborhood-guides…div is after “jumbotron”.
5 comments
Show us your code KHJ, we’ll help you spot the problem.
I found the problem, all i needed to do was add another at the end of the <div class=”jumbotron>
KJR.96 thanks that worked for me too!
KJR396 is right , only need it to ad the at the end
Neighborhood Guides
Not sure where to stay? We've created neighborhood guides for cities all around the world.
To build your jumbotron correctly, it should not be left empty like that. It should contain a container div, an h1, a p and an a element.
Answer 539f97d79c4e9de7930003b1
3 comments
@sforonda, check your spelling of neighborhood-guides
Thanks. That worked - but since you can call your class to anything you want, misspelling should not stop you from moving forward.
it really works
Answer 54e49d2a95e3783397002998
Um, people I don’t understand what is up with my code. Here it is:
<!DOCTYPE html>
<html>
<head>
<link href="http://s3.amazonaws.com/codecademy-content/courses/ltp/css/shift.css" rel="stylesheet">
<link rel="stylesheet" href="http://s3.amazonaws.com/codecademy-content/courses/ltp/css/bootstrap.css">
<link rel="stylesheet" href="main.css">
</head>
<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">
<div class="row">
<div class="col-md-4">
<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="learn-more">
<div class="container">
<div>
<div>
<div class="col-md-4">
<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>
<div class="col-md-4">
<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>
<div class="col-md-4">
<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>
</html>
4 comments
Hi qwertyjkl, this exercise is trying to get you to create a brand new div called neighborhood-guides. It should be located AFTER the closing /div of your jumbotron and before the opening div of learn-more.
oh.So that was it. Thanks!
Oops, try again. Add a
Make a Website: Bootstrap 5/14
My first question jack ali, is “Did you add a
Popular free courses
- Free Course
Learn SQL
In this SQL course, you'll learn how to manage large datasets and analyze real data using the standard data management language.Beginner friendly,4 LessonsLanguage Fluency - Free Course
Learn JavaScript
Learn how to use JavaScript — a powerful and flexible programming language for adding website interactivity.Beginner friendly,11 LessonsLanguage Fluency - Free Course
Learn HTML
Start at the beginning by learning HTML basics — an important foundation for building and editing web pages.Beginner friendly,6 LessonsLanguage Fluency
54 comments
Hey can someone tel me whats wrong with my code for 5/14, please i need help
In order to help @steelcity7, we’ll need to see your code. Telling us the error message you are seeing will help as well.
thanks..!!
Thank you dud!
tnx!!! I almost wept with despair I can’t do this task;)
this message is being displayed i am unable to understand the problem and fix it if somebody could help with this it would be of great help to me thanks in advance
“Oops, try again. Add a
@ Heinz… thanks was very helpful because debugging that would have taken forever.
Oh my goodness thank you so much!
Thanks a lot! Its help me a lot.
If you’re English, make sure you’re spelling neighbourhood the American way (neighborhood)
thank u it also helped me
neighborhood….! pulling my British hair out for 20mins on that one.
thank you so much. help me a lot
Heinz Meza, I checked out your code and did it just like yours but it is still saying the same thing? does anyone have any suggestions?
Same here @Rick @Heinz Meza
Thank you so much. All I had to do was move my <div class: “neighborhood… closer to the left<—— :)
coding is more pedantic than an anal english teacher spotting spelling mistake. My code didnt work because I had “Neighborhood guide” as opposed to “guides”
Me too. Must be the indents or something.
Hi BlueHeron, the indents are for you and the other humans reading your code. The browser would give you back the same result if you had no indents.
This was extremely helpful, I see where I went wrong here. I tried to insert that entire section in between the wrong lines of code. Derp…
Thank you!!
Tried so many times but this finally made it… Thanks a lot…
For me the problem was that I didn’t read that neighborhood-guides has to go IN BETWEEN the other two parts. I did just put it on the very bottom and because I put it on the very bottom, the error message was that much more confusing ;-)
thanks
Hi all ! In order to avoid all these problems by nesting the tags in between the correct places the BEST thing to do is the following: Use the editor Sublime Text !! Is the best option. Just copy your code from the web of codecademy and paste on this editor Sublime Text. There you’ll be able to see the corresponding closing tags with their respective opening tags and then you’ll be able to see why your code is wrong. Try it !
Omg that was so palpable ! Thx a lot
it works.. thanks a lot buddy! keep it up :D
so awesome! great helpful organization tips 4 easier coding! Thank you very much!! hope more post like this one, so much help&info!(:
You are a saint. Thank you.
THANKS SO MUCH! u helped a lot :P
I found this exercise very confusing and it seems like many others have as well. Next time I hope they word their instructions better or give a better hint. Thanks for the help, Heinz!
the div class neighbor guides goes after div class jumbotron and before div class row so in between like in the example above is that what you are talking bw1234?
Thank you for the help :0
Thanks for the help, Heinz!
Thanks so much! Helps a ton!
Thanks
That was amazing !!
Thanks !!!
Thank you! That was seriously so helpful.
Thank you!
Thank you!!
thanks mate
Thanks
Man I was stuck for awhile. Thanx alot
This is not working for me. It still says added Oops, try again. Add a
Man I was stuck for a while before I realized that it was my British English spelling of neighbourhood with the “u” that cause the error message- “Oops, try again. Add a
Thanks Obinna, I had just made the same mistake and couldn’t figure out where I was going wrong!
oh my god!! I’ve been stuck on this for so long spelling it like neighbourhood and I had no idea what was wrong!
Obinna! As a Canadian, I had the exact same problem! :)
Thanks!
Tnx
Thank you!
Yes Thank You!!
thanks a lot