react-bootstrap 中 <NavDropdown> 的宽度 5
Width of a <NavDropdown> in react-bootstrap 5
新的一天,新的问题。我不擅长 CSS,哎呀。
我想在 react-bootstrap 中设置下拉菜单的宽度,我试过:
<NavDropdown style={{width: "5vw"}} title="Utente" id="navbarScrollingDropdown">
{/* ... */}
</NavDropdown>
以为这会奏效,结果却把标题搞砸了。有什么方法可以在不弄乱标题的情况下更改下拉菜单的宽度?
Nodejs ver: 16.9.1
npm ver: 7.24
bootstrap ver: 5.1.1
react-bootstrap ver: 2.0.0-rc.0
react ver: 17.0.2
将其设置在其中一个下拉项上...
<NavDropdown title="Utente" id="navbarScrollingDropdown">
<NavDropdown.Item style={{width:'5vw'}} href="#action/3.1">Action</NavDropdown.Item>
<NavDropdown.Item href="#action/3.2">Another action</NavDropdown.Item>
<NavDropdown.Item href="#action/3.3">Something</NavDropdown.Item>
</NavDropdown>
新的一天,新的问题。我不擅长 CSS,哎呀。
我想在 react-bootstrap 中设置下拉菜单的宽度,我试过:
<NavDropdown style={{width: "5vw"}} title="Utente" id="navbarScrollingDropdown">
{/* ... */}
</NavDropdown>
以为这会奏效,结果却把标题搞砸了。有什么方法可以在不弄乱标题的情况下更改下拉菜单的宽度?
Nodejs ver: 16.9.1
npm ver: 7.24
bootstrap ver: 5.1.1
react-bootstrap ver: 2.0.0-rc.0
react ver: 17.0.2
将其设置在其中一个下拉项上...
<NavDropdown title="Utente" id="navbarScrollingDropdown">
<NavDropdown.Item style={{width:'5vw'}} href="#action/3.1">Action</NavDropdown.Item>
<NavDropdown.Item href="#action/3.2">Another action</NavDropdown.Item>
<NavDropdown.Item href="#action/3.3">Something</NavDropdown.Item>
</NavDropdown>