title: Bootstrap 5 - Cover page example with fixed-top nav and scrolling content
body: <p>I am totally struggling trying to customize the <a href="https://getbootstrap.com/docs/5.0/examples/cover/" rel="nofollow noreferrer">bootstrap 5 cover page example</a>.
  I very much like this design and expecially the header and footer (without toggle, when reduced brand stays on a single line, etc..).</p>
  <p>I would like to have a page with more content, scrolling in the middle, while fixing the navbar and the footer. Changing footer class to <code>footer fixex-bottom</code> easily led me where I wanted.</p>
  <p>I have 2 problems:</p>
  <ol>
  <li><p>Can you help me fix the navbar top (without its text expanding full
  width)? I want to be able to scroll with the navbar in this exact
  style, remainng fixed top, but not going full page with its content. I am also trying to change the color.</p>
  </li>
  <li><p>When I have little text, this should be centered in the page between header and footer, not aligned top.</p>
  </li>
  </ol>
  <p><a href="https://codepen.io/andreafc/pen/poRPPjp" rel="nofollow noreferrer">See this CodePen example.</a>
  My first time with CodePen, so please be patient :)</p>