Navbar
Documentation and examples for Bootstrap’s powerful, responsive navigation header, the navbar. Includes support for branding, navigation, and more, including support for our collapse plugin.
https://getbootstrap.com/docs/5.1/components/navbar/
Multiple navbars are not usually needed. The navbar is used as a primary header navigation.
But if for some reason is needed a second/third navbar, wrap them inside
For navbar colors, you can use
<header class="main-nav">...</header> to have exactly the same features as header!
Do not use #header id because is reserved to SOW Header plugin (sticky, autoreveal on scroll, etc) to control the primary header.
For navbar colors, you can use
.bg-[primary|secondary|dark|danger|warning|pink|indigo] and .bg-gradient, if you like.