目前,我有以下导航栏。切换是在左边,我的导航栏。品牌是在最右边。因为我的切换打开一个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
1条答案
按热度按时间cdmah0mi1#
你要么想要
justify-content-start
(商标左对齐),要么添加一个空的第三个元素并使用justify-content-between
(居中对齐),这可能会出现在容器上,而不是导航栏上。https://getbootstrap.com/docs/5.2/utilities/flex/#justify-content