【发布时间】：2018-07-02 03:18:21
【问题描述】：
我有一个使用 Angular4 和 Bootstrap 3.3.7 开发的简单的工作导航栏。当我尝试升级到 Bootstrap 4（4.0.0-beta 或 4.0.0-alpha.6）时，导航栏不再显示在浏览器中（控制台中也没有显示错误）。
HTML：
<nav class="navbar navbar-default">
<div class="container-fluid">
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li routerLinkActive="active current"><a routerLink="/messages"><b>Messages</b></a></li>
<li routerLinkActive="active current"><a routerLink="/transformations"><b>Transformations</b></a></li>
<li routerLinkActive="active current"><a routerLink="/actions"><b>Actions</b></a></li>
<li routerLinkActive="active current"><a routerLink="/rules"><b>Rules</b></a></li>
</ul>
</div>
</div>
</nav>
打字稿：
import { Component, OnInit } from '@angular/core';
@Component({
selector: 'navbar',
templateUrl: './navbar.component.html',
styleUrls: ['./navbar.component.css']
})
export class NavbarComponent implements OnInit {
constructor() { }
ngOnInit() {
}
}
非常感谢您提供的任何帮助，谢谢，Martin
【问题讨论】：
-
你用 npm 安装 bootstrap 了吗？
-
BS4 beta 和 alpha 现在都已过时。引导程序 4.0.0。 final 是最新的。
标签： angular bootstrap-4