This forum is now read-only. Please use our new forums! Go to forums

0 points
Submitted by Tyler
almost 10 years

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

38 votes

Permalink

points
Submitted by Heinz Meza
almost 10 years

54 comments

Hey can someone tel me whats wrong with my code for 5/14, please i need help

Judy almost 10 years

In order to help @steelcity7, we’ll need to see your code. Telling us the error message you are seeing will help as well.

marcos10avila over 9 years

thanks..!!

Isaac González over 9 years

Thank you dud!

Toha over 9 years

tnx!!! I almost wept with despair I can’t do this task;)

Manoj Kumar Yajjala over 9 years

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

..
section to the page.”

Babageedhey over 9 years

@ Heinz… thanks was very helpful because debugging that would have taken forever.

riguylord13 over 9 years

Oh my goodness thank you so much!

sifat_7 over 9 years

Thanks a lot! Its help me a lot.

Sarah1107 over 9 years

If you’re English, make sure you’re spelling neighbourhood the American way (neighborhood)

repislike over 9 years
  <h2>Find a place to stay.</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> 
Anand Soni over 9 years

thank u it also helped me

Dan Wellington over 9 years

neighborhood….! pulling my British hair out for 20mins on that one.

rajeshbegari over 9 years

thank you so much. help me a lot

Rick over 9 years

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

SpongeCode about 9 years

Thank you so much. All I had to do was move my <div class: “neighborhood… closer to the left<—— :)

Anthonyamd about 9 years

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”

David about 9 years

Me too. Must be the indents or something.

Judy about 9 years

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.

THRJunki3 about 9 years

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

anishagoyal14 almost 9 years

Tried so many times but this finally made it… Thanks a lot…

Moritz Hofmann almost 9 years

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

Axel Tolosa Lagos almost 9 years

thanks

charly001 almost 9 years

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 !

Yarekr almost 9 years

Omg that was so palpable ! Thx a lot

テハダ エンリケ almost 9 years

it works.. thanks a lot buddy! keep it up :D

sofiabeans27 almost 9 years

so awesome! great helpful organization tips 4 easier coding! Thank you very much!! hope more post like this one, so much help&info!(:

Jaydan Hush almost 9 years

You are a saint. Thank you.

o.howard42 almost 9 years

THANKS SO MUCH! u helped a lot :P

Mohammed Gyasi almost 9 years

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!

sofiabeans27 almost 9 years

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?

Peternic almost 9 years

Thank you for the help :0

KiwiAus almost 9 years

Thanks for the help, Heinz!

AstreaStar over 8 years

Thanks so much! Helps a ton!

ojaskalra over 8 years

Thanks

Mitrasree Deb over 8 years

That was amazing !!

Sigma145 over 8 years

Thanks !!!

jessie.tolman over 8 years

Thank you! That was seriously so helpful.

jcpolk0023 over 8 years

Thank you!

malkr over 8 years

Thank you!!

Martin Mutisya over 8 years

thanks mate

Diljot Takhar over 8 years

Thanks

DerrickPham over 8 years

Man I was stuck for awhile. Thanx alot

Kathryn MacDonald over 8 years

This is not working for me. It still says added Oops, try again. Add a

..
section to the page.

Obinna Osisiogu over 8 years

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

..
section to the page.” It should be spelled without the “u”. Coding is done in american english apparently.

Hannah Lambert over 8 years

Thanks Obinna, I had just made the same mistake and couldn’t figure out where I was going wrong!

Jessica Van Zwam over 8 years

oh my god!! I’ve been stuck on this for so long spelling it like neighbourhood and I had no idea what was wrong!

Derek James over 8 years

Obinna! As a Canadian, I had the exact same problem! :)

michiel.rosendahl over 8 years

Thanks!

Voja Budrovac over 8 years

Tnx

Pritchard_ over 8 years

Thank you!

Emmanuel Gonzalez over 8 years

Yes Thank You!!

Mohit Kumar over 8 years

thanks a lot

Answer 5389fb4b9c4e9d3f1c000096

25 votes

Permalink

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>
points
Submitted by Judy
almost 10 years

41 comments

Leen Allaf almost 10 years

it’s really helpful , thanks

Samuel Rudison over 9 years

thanks! :D

gamax19 over 9 years

thanks!!! i had the same problem.

Tau lord 100 over 9 years

similar problem thank you.

Surgne over 9 years

Thank you very much :)

Tau lord 100 over 9 years

Your most welcome.

hnpc2 over 9 years

I thought it’s in-between “learn more” and “container”. Thanks for the code.

Shuzan over 9 years

Thanks a lot. Your feedback was helpful enough to solve this problem.

Ruchira Sheyan over 9 years

Thanks, I got it..

Megan Saunders over 9 years

I just added after jumbotron and it fixed this problem :) thanks for the help

Davit Davtyan (Dave) over 9 years

I did as it was shown in here but mine didn’t work.

Judy over 9 years

@Davit, it will be much easier to spot the problem if we could see your code!

Florence Ong over 9 years

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

..
is after the jumbotron.

Find a place to stay.

Rent from people in over 34,000 cities and 192 countries.

Learn More
<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.

Judy over 9 years

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.

Florence Ong over 9 years

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.

Judy over 9 years

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.

John1375 over 9 years

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!

Codingxxx about 9 years

thanks! this helped me get what i was doing wrong

Crab Man about 9 years

THAAAAANKSS!!!! :)

Immanuel about 9 years

This really DID NOT HELP ME AT ALL!

Anth6456 about 9 years

This was so helpful

Mendark almost 9 years

thanks alot

Dushan Minic almost 9 years

Nice explanation, helped me get through the exercise.

S M Sarwar almost 9 years

Thanks a lot.

o.howard42 almost 9 years

thx

You know that there’s a

Judy almost 9 years

Hi kingspellingbee101, are you talking to me?

Judy over 8 years

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!

ojaskalra over 8 years

This helped me, thank u

Simen Daehlin over 8 years

That helped me alot also using the nav element to hide the code makes you able to see the mistakes! Thank you <3

vedvrat29 over 8 years

thanks a lot !! its working

Ravi Baliyan over 8 years

thnk u…

UKsomelad over 8 years

me too. Neighbour instead of neighbor! Arrghh!!!!!!

william liggett over 8 years

i did it completely wrong, thanks for the help :D

Luci over 8 years

thank you

Arsene Ngombu over 8 years

Oops, try again. Add an h2 element with text inside

..

Judy over 8 years

Hi Arsene Ngombu, have you already posted your code where we can see it?

Answer 53ad471880ff3364510029c7

13 votes

Permalink

i had the same problem and, uh finally i understood that it was just a simple spelling mistake, instead of neighbor, i wrote neighbour.

points
Submitted by zozdamar
almost 10 years

13 comments

DawnBolton over 9 years

ME TOO! Thank you for posting - this is the comment that made me see that :)

Helen Kleindienst about 9 years

Argh - me too! Thanks so much, been trying to figure out what was wrong for ages!

Mj Josh about 9 years

thank you omg

Ajith Kmr about 9 years

First miss typed colour instead off color and now neighbo”u”r instead off neighbor

Erika Garza about 9 years

ugh! misspelled again! thx for the reminder, works now. :)

DarkMechan almost 9 years

i had the same problem with the misspelled, added the u in

sumayna almost 9 years

oh dear!i made the same mistake!thanks!

halin almost 9 years

Brought a smile to my face to learn I wasn’t the first one to stumble here. Woe be on British English!

Shayla Sweatt almost 9 years

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.

See Wei Jie over 8 years

Same here zzz

KLJJ over 8 years

I just spent the last half an hour trying to work out what was wrong..thanks for the tip :D frustrated

AnnieM45 over 8 years

I had the same issue too. How irritating!

Answer 53930e7952f863ab69000c3e

8 votes

Permalink

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

points
Submitted by Eva Chuang
almost 10 years

7 comments

niran0manu over 9 years

thanks allot . was really helpful

Hiren over 9 years

thnx

dorkface410 about 9 years

THANK YOU! I was so annoyed!!!!

David almost 9 years

Thanks man. I put it after the jumbotron div itself!

Saul Barrera over 8 years

i made it the code good. Problem was MOZILLA FIREFOX!

Sebastian Urbina over 8 years

thanks i wasnt closing the div :d

Tony Gutierrez over 8 years

Thank you. I put my code after the jumbotron.

Answer 53aedaeb52f863e261001c44

1 vote

Permalink

Make sure you spell it correctly I got this problem because I left out the dash, I put Neighborhood Guides instead of Neighborhood-Guides

points
Submitted by Justin Daniels
almost 10 years

1 comments

sivlexy almost 9 years

Thanks, I made the same mistake and it was hilarious that something so small caused me so much frustration. Thanks again

Answer 53b8b56b8c1ccc8f430006d2

1 vote

Permalink

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>
points
Submitted by Keith Mendoza
over 9 years

4 comments

Judy over 9 years

Hi Keith, you need to close your column divs, they are missing their tags.

palestine over 9 years

hey Albions why do enter clos dv after every “col-md4” We did not add any previously when we enter “col-md-4” in

please help

Judy over 9 years

@palestine, I am surprised to hear that you have put columns in your nav.

joey03 almost 9 years

omg that helped me so much i’ve been stuck on this for a week

Answer 539a21a19c4e9ddc2300056e

0 votes

Permalink

I had this problem too, the directions confused me. Thanks for the help!

points
Submitted by Kyle Smith
almost 10 years

Answer 53a47bd37c82ca49e6000dc6

0 votes

Permalink

I forgot to add an extra tag above the neighborhood-guides, in the jumbotron section which was why I was getting that message.

points
Submitted by Ski4life
almost 10 years

1 comments

Ski4life almost 10 years

closed div tag

Answer 53ba88037c82ca09d4000c42

0 votes

Permalink

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

points
Submitted by Justin Daniels
over 9 years

Answer 53c805a552f86399aa00026d

0 votes

Permalink

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

points
Submitted by kasiamikus
over 9 years

1 comments

Judy over 9 years

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

0 votes

Permalink

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>
points
Submitted by merotantawy
over 9 years

1 comments

Judy over 9 years

@merotantawy, you shouldn’t have any row or column divs in your nav or jumbotron divs.

Answer 53e68f3952f86306e3002391

0 votes

Permalink

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>
points
over 9 years

2 comments

Judy over 9 years

Hi Natalie, you have three instances of

in your code, you should only have one.

Thank you, didn’t notice. Haven’t had much time to donate to this of late! :)

Answer 54664fef52f8631231003fb5

0 votes

Permalink

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>
points
Submitted by Volodya Ivanov
over 9 years

1 comments

Judy over 9 years

Your jumbotron shouldn’t have any rows or columns in it. Once you take those out things should work better for you!

Answer 547af8778c1ccc9840007853

0 votes

Permalink

console.log('' **add a .... </div> ..... right after <div class="jumbotron"> .... **

points
Submitted by Misailidis Michalis
over 9 years

Answer 548688e3937676eeaa000330

0 votes

Permalink

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!

points
Submitted by Harold Irizarry
over 9 years

3 comments

Judy over 9 years

Why are you asking Harold - are you seeing an error message or does the preview look wrong?

Anıl ÇETİN over 9 years
Ivana Quintanilla almost 9 years

on

you only have a ‘ not a “

Answer 5488294f76b8fe516e001648

0 votes

Permalink

what happened with mine is cause i live in australia i wrote neighbour with a U and its not accepted same with coloUr has to be no u in it.

points
Submitted by Tony
over 9 years

Answer 54cbeae09113cb70e3000bd5

0 votes

Permalink

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>
points
Submitted by RYAN
about 9 years

1 comments

sluu77 about 9 years
        <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

0 votes

Permalink

idk

points
Submitted by Ian Ash
about 9 years

3 comments

Judy about 9 years

Hi Ian, whose question are you responding to - or is this a question of your own?

Ian Ash about 9 years

could u please give me the answer to 5/14 i am stuck

Judy about 9 years

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

0 votes

Permalink

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>
points
Submitted by Alisha Thomas
almost 9 years

1 comments

Judy almost 9 years

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

0 votes

Permalink

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>
points
Submitted by vinachi
almost 9 years

1 comments

Judy almost 9 years

class=”neighboring-guides” should be class=”neighborhood-guides”

Answer 557b398676b8fea648000601

0 votes

Permalink

Can you present your code, so I can help you?

points
almost 9 years

Answer 55822daa937676b3f5000002

0 votes

Permalink

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>
points
Submitted by Darrin Webster
almost 9 years

2 comments

Judy almost 9 years

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

0 votes

Permalink

Where to add code?

points
Submitted by Buwaneka De Silva
almost 9 years

3 comments

Judy almost 9 years

Hi Buwaneka, first find your div that has a class name of jumbotron, it looks like this

… then locate where it ends, find its
. You will find that the you are looking for is just before
. Start your new div with a class name of neigborhood-guides just after jumbotron’s
and learn-more’s
.

Buwaneka De Silva almost 9 years

Yes your correct but there is the same error but thanks!

Judy almost 9 years

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

0 votes

Permalink

<!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>
points
Submitted by Buwaneka De Silva
almost 9 years

4 comments

Buwaneka De Silva almost 9 years

still wrong

Judy almost 9 years

You have an unexpected

in your jumbotron – that is a problem.

Buwaneka De Silva almost 9 years

?? Don’t get it??

Buwaneka De Silva almost 9 years

Thanks it worked! :)

Answer 55b48fdfd3292f9ce10001ba

0 votes

Permalink

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>
points
Submitted by abdirahmanabdi
over 8 years

1 comments

Judy over 8 years

Hi abdirahmanabdi, each of your columns should have a closing tag. Close each column before you begin the next one.

Answer 55b6fe7776b8fe5bd80002f3

0 votes

Permalink

Wow, thanks, just to realize I forgot my “=” to my div class row -.-

points
Submitted by sengracic
over 8 years

Answer 55c2e383e39efe0f6200005b

0 votes

Permalink

Whats wrong with mine?

points
Submitted by xianzai
over 8 years

2 comments

xianzai over 8 years

an error appears: Oops, try again. Add a

..
section to the page. Please help

Judy over 8 years

Hi xianzai, you are having trouble in our neighborhood-guides div because you have used : instead of = to assign the class names.

Answer 55dd0239e39efe2434000083

0 votes

Permalink

    <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

..
is after the jumbotron.

points
Submitted by Chen Qing
over 8 years

3 comments

Judy over 8 years

Hi Chen Qing, the problem is in your jumbotron, this is unexpected:

Chen Qing over 8 years

Thank you it worked! :)

Judy over 8 years

@Chen Qing, you’re welcome!

Answer 55f945979113cb484600018a

0 votes

Permalink

I NEED HELP ALSO! IS THERE SOMEONE IN THE WORLD THAT CAN HELP US!!!!!!!!!!!!??????????

points
Submitted by kodekat9
over 8 years

1 comments

Judy over 8 years

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

-1 votes

Permalink

Thanks, AlbionsRefuge. I had the same trouble with that.

points
almost 10 years

Answer 5394065b9c4e9d3c0d00303d

-1 votes

Permalink

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

points
Submitted by KJR.96
almost 10 years

5 comments

Judy almost 10 years

Show us your code KHJ, we’ll help you spot the problem.

KJR.96 almost 10 years

I found the problem, all i needed to do was add another at the end of the <div class=”jumbotron>

Unixed about 9 years

KJR.96 thanks that worked for me too!

Victoria Castro about 9 years

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.

Judy about 9 years

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

-1 votes

Permalink

points
Submitted by Simeon
almost 10 years

3 comments

Judy almost 10 years

@sforonda, check your spelling of neighborhood-guides

Simeon almost 10 years

Thanks. That worked - but since you can call your class to anything you want, misspelling should not stop you from moving forward.

Anand Soni over 9 years

it really works

Answer 54e49d2a95e3783397002998

-2 votes

Permalink

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>
points
Submitted by Immanuel
about 9 years

4 comments

Judy about 9 years

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.

Immanuel about 9 years

oh.So that was it. Thanks!

jack ali over 8 years

Oops, try again. Add a

..
section to the page.

Make a Website: Bootstrap 5/14

Judy over 8 years

My first question jack ali, is “Did you add a

..
section to your page?