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!