html - Angular4 nav 导航选项卡样式不起作用

Question

我正在使用 Angular4，nav nav-tabs 样式似乎不起作用，我得到的只是无序的垂直列表，如下图所示 -

我的选项卡组件代码是 -

@Component({
selector: 'tabs',
template:`
<ul id="tabs" class="nav nav-tabs" data-tabs="tabs">
  <li *ngFor="let tab of tabs" (click)="selectTab(tab)" [class.active]="tab.active" data-toggle="tab">
    <a href="#profile" data-toggle="tab">{{tab.title}}</a>
  </li>
</ul>
<ng-content></ng-content>
`,
styleUrls: ['./css/bootstrap.min.css','./css/paper-dashboard.css','./css/themify-icons.css','./css/animate.min.css']
})

当我检查 ul 元素时，它们确实具有如下屏幕截图所示的类 -

对于我正在使用的选项卡 Learning Angular: Creating a tabs component

Answer 1

styleUrls 字段中 Bootstrap css 文件的路径错误。