我试图将我的汉堡菜单移到右边。没有任何效果，它继续留在左边。我已经尝试了浮动，向右移位，对齐和许多其他事情。我已经阅读了Stack Overflow上关于这个的所有文章，但没有解决我的问题。有人能帮助我吗？

import { Link } from 'react-router-dom';
import Container from 'react-bootstrap/Container';
import Nav from 'react-bootstrap/Nav';
import Navbar from 'react-bootstrap/Navbar';

// in the function the return will show what the html will look like
function NavigationBar( {user} ) {
return (
        <>
        <Navbar bg="navBackground" variant="dark" expand="lg">
            <Container>
                <Navbar.Toggle aria-controls='basic-navbar-nav'/>
                <Nav className='m-auto'>
                    <Nav.Link href="#about">About</Nav.Link>
                    <Navbar.Collapse id="responsive-navbar-nav">
                        {
                        {linksToUse.map((link) => (
                            <Nav.Link>{link}</Nav.Link>
                        ))}
                </Navbar.Collapse>
                </Nav>
            </Container>
        </Navbar>
        </>
    );
}

// export the component so it can be used outside of this file
export default NavigationBar;

/*Background color of the nav bar*/
.bg-navBackground{
    background-color: #333;
}

/*Makes the navbar icon background #333*/
.navbar-toggler-icon{
    background-color: #333;
} 

/*Makes the background of the collapse area #333*/
.navbar-collapse{
    background-color: #333;
}

/*Text color of nav links*/
.nav-link{
    color: #638797 !important;
    background-color: #333;
    text-align: center; /*Makes text centered in nav when screen sizes are smaller*/
}

/*Makes text appear white upon hovering*/
.nav-link:hover{
    color: white !important;
}

/*Makes the rest of the nav bar #333*/
.container{
    background-color: #333;
}