'How to center container vertically on a site with a Navbar without fixed-top?

How to center container vertically on a site with a Navbar without fixed-top in Bootstap5?

this is my code: the content is centered but there appears a scrollbar...

<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"/>
<nav class="navbar navbar-light bg-light">
  <div class="container-fluid">
    <span class="navbar-brand mb-0 h1">Navbar</span>
  </div>
</nav>
<div class="jumbotron d-flex align-items-center min-vh-100">
  <div class="container text-center">
    I am centered vertically, but a scrollbar apears because of the Navbar?
  </div>
</div>
csstwitter-bootstrap


Solution 1:[1]

.jumbotron {
    margin-top: -50px;
}

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 Ali HaMza

Related Questions