twitter-bootstrap – 如何将ngbDropdown添加到bootstrap 4导航

发布时间：2020-12-17 20:43:01 所属栏目：安全来源：网络整理

导读：我使用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" ngbDropdow

我使用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>

问题“下拉菜单”无法扩展

解决方法

我很难看到你的特定项目发生了什么,因为我刚刚复制了这个项目.粘贴你的代码,它工作得很好,检查这个plunker： http://plnkr.co/edit/CFntB5mkshJ97x1aIGU1?p=preview

您可能想验证是否正确导入(从@ ng-bootstrap / ng-bootstrap导入{NgbModule})添加NgbModule模块：

@NgModule({??导入：[BrowserModule,NgbModule],??声明：[App],??bootstrap：[App]})导出类AppModule {}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!