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>

https://codeply.com/p/Mgv3aww20F