How can I center a Navbar in react-bootstrap
I think className='m-auto'
at Nav
is enough
I had the same question, and this worked for me:
Add className="justify-content-center"
to the parent.
Example:
<Navbar className="justify-content-center">
<Navbar.Brand/>
</Navbar>
Here is another solution, you can use the Container from react-bootstrap around your navbar. It will align your navbar with the main section. On a screen, with a higher width, it will look much better! I hope it helps!