react-bootstrap 中 <NavDropdown> 的宽度 5

Question

新的一天，新的问题。我不擅长 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

Answer 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

react-bootstrap 中 <NavDropdown> 的宽度 5

Width of a <NavDropdown> in react-bootstrap 5

css

reactjs

react-bootstrap

bootstrap-5