我使用ng-bootstrap Angular 2。
<nav class="navbar navbar-fixed-top navbar-dark bg-inverse">
<ul class="nav navbar-nav">
<li class="nav-item">
<a class="nav-link" href="#">About</a>
</li>
<li class="nav-item">
<div ngbDropdown>
<button class="btn" ngbDropdownToggle>Projects</button>
<div class="dropdown-menu">
<button class="dropdown-item" >AA</button>
</div>
</div>
</li>
</ul>
</nav>
字符串
问题“下拉菜单”无法展开
3条答案
按热度按时间oyjwcjzk1#
很难看到你的特定项目中发生了什么,因为我刚刚复制和粘贴了你的代码,它工作得很好,检查这个plunker:http://plnkr.co/edit/CFntB5mkshJ97x1aIGU1?p=preview
您可能需要验证是否正确导入(
import {NgbModule} from '@ng-bootstrap/ng-bootstrap'
)添加NgbModule
模块:@NgModule({ imports: [ BrowserModule, NgbModule ], declarations: [ App ], bootstrap: [ App ] }) export class AppModule {}
个wz8daaqr2#
最后,我把它作为Bootstrap 5。
字符串
pqwbnv8z3#
如果你想你的导航栏切换,看看这个;
字符串
如果你只想在你的导航栏中有一个菜单,在官方网站的例子应该工作;
型
确保你的html文件包含bootstrap(我使用bootstrap 4)。