move navbar items to right with reactbootstrap

1        <Navbar bg="light" variant="light">
2            <Container>
3                <LinkContainer to="/">
4                    <Navbar.Brand>Navbar</Navbar.Brand>
5
6                </LinkContainer>
7               // <Nav className="mr-auto"> to  <Nav className="ml-auto">
8                    <Nav.Link to="/cart">Cart</Nav.Link>
9                    <Nav.Link to="/login">Sign In</Nav.Link>
10                </Nav>
11
12            </Container>
13        </Navbar>
14// just change the margin-right(mr-auto) to margin-left(ml-auto)
15// This should be working fine