在React-Bootstrap 2.5.0中,有没有办法把导航栏.品牌放在导航栏.切换旁边?

6qqygrtg  于 2022-12-16  发布在  Bootstrap
关注(0)|答案(1)|浏览(109)

目前,我有以下导航栏。切换是在左边,我的导航栏。品牌是在最右边。因为我的切换打开一个offcanvas从左手边,我希望切换按钮是在左边。但是,我希望我的导航栏。品牌要么居中或左对齐。我是新的React引导,所以为愚蠢的问题道歉。

下面是当前代码:

<Navbar
        key="md"
        collapseOnSelect
        className="sm md"
        expand="md"
        bg="dark"
        variant="dark">
  <Container fluid>
          <Navbar.Toggle aria-controls="offcanvasNavbarLabel-expand-md" />
          <Navbar.Brand href="#home">
            <img
              alt=""
              src={Logo}
              width="30"
              height="30"
              className="d-inline-block align-top"
            />
            My App
          </Navbar.Brand>
  </Container>
</Navbar>

我尝试将以下className值添加到Navbar.Brand和NavBar上,但没有得到我想要的结果:

  • justify-content-center-md
  • justify-content-center
cdmah0mi

cdmah0mi1#

你要么想要justify-content-start(商标左对齐),要么添加一个空的第三个元素并使用justify-content-between(居中对齐),这可能会出现在容器上,而不是导航栏上。
https://getbootstrap.com/docs/5.2/utilities/flex/#justify-content

相关问题