我正在使用react-bootstrap(带有bootstrap 3),并且我想在Grid布局的下拉菜单中显示选项。
由于NavDropDown组件呈现了下拉菜单和下拉菜单,因此我无法自定义下拉菜单。
<NavDropdown title="Plan" id="plan-dropdown" className="mega-dropdown">
<Clearfix>
<div className="dropdown-menu dropdown-menu-right animate slideIn mega-dropdown-menu">
<Grid>
<h4>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</h4>
<ul className="reset_list">
<MenuItem bsClass="">sddfsdffsdfd</MenuItem>
<MenuItem bsClass="">sddfsdffsdfd</MenuItem>
<MenuItem bsClass="">sddfsdffsdfd</MenuItem>
<MenuItem bsClass="">sddfsdffsdfd</MenuItem>
</ul>
</Grid>
</div>
</Clearfix>
</NavDropdown>
我希望菜单项将显示在我编码的布局中,但实际输出是整个布局成为 ul.dropdown-menu
的子级