Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS Bootstrap Basics Using Bootstrap Components Using Jumbotron to Showcase Key Content

Posted by Zach Handler
.a{fill-rule:evenodd;}techdegree
Zach Handler
Web Development Techdegree Student 5,332 Points

How to fix header overlapping page content in bootstrap?

This video was supposed to show how to fix the issue of a sticky header overlapping other page content. Instead, it just shows how to add a jumbotron.

2 Answers

b b
b b
392 Points
b b
b b
392 Points 
<body>

  <!-- nav bar -->
  <nav ... /nav>

  <!-- the static content of the web page -->
  <main role="main" class="bd-masthead" >

    <!-- other content -->
    <!--alert-->
    <!-- jumbotron -->

  </main>
</body>
Christian Fuchs
.a{fill-rule:evenodd;}techdegree seal-36
Christian Fuchs
Full Stack JavaScript Techdegree Graduate 22,017 Points

brendan bezuko Thank you it works! But how? Can't find anything in BS4 Documentation. Thank you