Question

我刚刚开始尝试启动React，很抱歉，如果这个问题太基本了，但我只是想不出如何正确，灵活地使用react-bootstraps类。我有一个导航栏，里面有2个导航栏（容器），第一个导航栏要向左对齐，第二个导航栏要在中间和右侧对齐品牌。我无法弄清楚该如何对齐，并且我在网上看到的任何内容都无法正常工作（请参阅下面的内容，即使我将类名命名为justify-content-center，我的所有项目仍仍向左对齐）。

此外，我已经尝试搜索引导文档，但我只是找不到可以与引导一起使用的所有类的列表。在布局部分，我只找到一些主要是网格的示例，因此，基本上，如果我不知道哪个类意味着什么，那么我就如何正确使用引导程序感到困惑。非常感谢！

     <Container>
        <Navbar fixed="top" collapseOnSelect expand="lg" bg="white" variant="white">
            <Navbar.Toggle aria-controls="responsive-navbar-nav" />
            <Navbar.Collapse id="responsive-navbar-nav">
                <Nav className="justify-content-start">
                    <Nav.Link href="#features">Features</Nav.Link>
                    <Nav.Link href="#pricing">Pricing</Nav.Link>

                </Nav>
                <Nav className="justify-content-center">
                    <Nav.Link href="#deets">Services</Nav.Link>
                    <Nav.Link eventKey={2} href="#memes">
                        Invoices
                    </Nav.Link>
                </Nav>
            </Navbar.Collapse>
            <Navbar.Brand href="#home">
                <img
                    src={Logo}

                    className="d-inline-block align-top"
                    alt="React Bootstrap logo"
                />
            </Navbar.Brand>
        </Navbar>
        </Container>

React Bootstrap-如何在navbar flexible中对齐多个nav？

0 个答案: