react-bootstrap 5中 <NavDropdown> 的宽度答案

【问题标题】：Width of a <NavDropdown> in react-bootstrap 5react-bootstrap 5中 <NavDropdown> 的宽度
【发布时间】：2021-11-16 01:36:23
【问题描述】：

新的一天，新的问题。我不擅长 CSS，哎呀。

我想在 react-bootstrap 中设置下拉菜单的宽度，我尝试过：

<NavDropdown style={{width: "5vw"}} title="Utente" id="navbarScrollingDropdown">
{/* ... */}
</NavDropdown>

认为这会奏效，但它所做的只是把标题搞砸了。有什么方法可以在不弄乱标题的情况下更改下拉菜单的宽度？

Nodejs ver: 16.9.1npm ver: 7.24bootstrap ver: 5.1.1react-bootstrap ver: 2.0.0-rc.0react ver: 17.0.2

【问题讨论】：

标签： css reactjs react-bootstrap bootstrap-5

【解决方案1】：

将其设置在下拉项之一上...

       <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

【讨论】：