While not required, you can wrap the Navbar in a component variant="dark" for dark background colors. Bootstrap dropdown not working with React router, Trying to use Bootstrap Nav Pills in React Router's NavLink, Need to apply "active" class when in a exact link to NavLink in react router V6. How to create Responsive Profile Card using HTML and CSS ? If your navbar is an entire form, or mostly a form, you can use the element as the container and save some HTML. The can be applied to most elements, but an anchor works best, as some elements might require utility classes or custom styles. Does nothing if no