Javascript 反应引导在容器内时向左对齐导航

使用React和React引导尝试创建

Navbar

时，徽标和导航项目均向左对齐，并且

Navbar

具有固定宽度

import { Navbar, Container, Nav } from 'react-bootstrap';

export function Header(): JSX.Element {
    return (
        <Navbar bg="light" variant="light">
            <Container>
                <Navbar.Brand href="/">
                    Foo
                </Navbar.Brand>
                <Nav className="mr-auto">
                    <Nav.Link href="#">Home</Nav.Link>
                </Nav>
            </Container>
        </Navbar>
    )
}

从'react bootstrap'导入{Navbar，Container，Nav}；
导出函数头（）：JSX.Element{
返回(
福
家
)
}

生成的导航栏将

Nav.Link

向右对齐，如下图所示：

我们如何使

Home

链接与左侧对齐，就在

Foo

品牌旁边？有一个

pullRight

道具可用，但没有

pullLeft