Common Mistakes neighborhood guides Grid(5) , Thumbnails(7) "Make a bootstrap website"


#1

Solving make sure Make sure the `<div class="neighborhood-guides"> ..</div>` is after the jumbotron and add `<div class=“thumbnail”>..</div>`

Hey Everybody,

I hope this post helps, I have been helping/trying to help many people here on CodeCademy , I have noticed common mistakes made by learners in the lesson Bootstrap and I just want to highlight it so maybe you could find your solution here...

With regards to the error: Make sure the <div class="neighborhood-guides"> ..</div> is after the jumbotron. In Neighborhood guides grid- lesson 5

Common mistake is that the jumbotron tag is nested within the neighborhood guides tag.
What you need to make sure is that you close your jumbotron div and after closing it then you add neighborhood-guides 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> <!-- close container -->
    </div> <!-- close jumbotron -->

<!-- now add neighborhood guides -->
    <div class="neighborhood-guides">
    <div class="container">

With regards to the error: add <div class=“thumbnail”>..</div> Bootstrap in lesson 7 adding images 2
Common mistake is that the first div col-md-4 is not closed

So make sure in your first col-md-4 div you have two thumbnails then close it and then add in your next col-md-4

<div class="col-md-4"> 
    <div class="thumbnail">
      <img src="http://goo.gl/0sX3jq" />
  </div> <!--This tag closes the first div thumbnail  -->

    <div class="thumbnail">
      <img src="http://goo.gl/an2HXY" />
  </div> <!--This tag closes the second div thumbnail  -->
</div> <!-- This tag closes div col-md-4 -->

You could also check out these posts:

Error msg: Set the border-bottom to ‘1px solid #dbdbdb

5., 6. & 7. Some advice to help you control your divs

Error msg: Add the class “pull-left”, or “pull-right”


I do not suggest copying and pasting code, read through understand and impliment

Feel free to share this post when helping solve a problem
Thank You :slightly_smiling:
Happy Coding !


Oops, try again. Add a <div class="thumbnail">..</div> why?
Make a Website: Bootstrap lesson
Help please guys.Make sure the <div class="neighborhood-guides">..</div> is after the jumbotron
7. Neighborhood Guides: Images 2 NEED HELP!
Neighborhood Guides: Images 2
Error: Add <div="thumbnail">..</div>
Error On Create A Bootstrap Website Lesson 7
Make a Website: Bootstrap #7 Complications
Make a bootstrap images
Neighborhood Images 2 Oops, try again. "Add a second <div class="thumbnail">..</div>"
Neighborhood Images 2 Oops, try again. "Add a second <div class="thumbnail">..</div>"
5. Neighborhood Guides: Grid
What am I doing wrong?
5. Neighborhood Guides: Grid
Neighborhood guides grid stuck on it
#2

#3

Also, on 5 - Neigborhood Guides, make sure you haven't put an English 'U' into the word Neighborhood - took me AGES to figure out what I was doing wrong!


#4

i didn't get some of this lol but im pretty sure there is a mistake in make a website: bootstrap neighborhood guides 2: because it keeps making my website words everywhere and all mistaken and it won't let me pass because of the mistake!! its annoying idk what it is


#6

thank you so much!
I have been resetting the code for the past 3 hours wondering where I had gone wrong.:joy:


#7

A post was split to a new topic: 7. Got stuck on #7 Neighborhood Guides


#8