Home/ Questions/Q 8117695
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-06T04:15:28+00:00

I am using bootstrap on my site and am having issues with the navbar

  • 0

I am using bootstrap on my site and am having issues with the navbar fixed top. When I am just using the regular navbar, everything is fine. However, when i try to switch it to navbar fixed top, all the other content on the site shifts up like the navbar isn’t there and the navbar overlaps it. here’s basically how i laid it out:

.navbar.navbar-fixed-top
  .navbar-inner
    .container
.container
  .row
    //yield content

i tried to copy bootstraps examples exactly but still having this issue only when using navbar fixed top. what am I doing wrong?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Your answer is right in the docs:

    Body padding required

    The fixed navbar will overlay your other content, unless you add padding to the top of the <body>. Try out your own values or use our snippet below. Tip: By default, the navbar is 50px high.

    body { padding-top: 70px; }

    Make sure to include this after the core Bootstrap CSS.

    and in the Bootstrap 4 docs…

    Fixed navbars use position: fixed, meaning they’re pulled from the
    normal flow of the DOM and may require custom CSS (e.g., padding-top
    on the ) to prevent overlap with other elements.

    • 0