angular - Bootstrap 4 导航栏事件背景颜色

Question

在 Bootstrap 3 导航栏中，当链接处于事件状态时，链接背景颜色会更改以显示其是事件链接。 Bootstrap 4 中似乎缺少这一点。有没有办法显示这一点，或者我是否需要覆盖事件类？

Bootstrap 3 导航栏如下所示。您可以看到事件主页链接突出显示如何在 Bootstrap 4 中显示它。

下面的 Angular 5 代码

  <div class="navbar-collapse" [ngbCollapse]="navbarCollapsed" id="navbarContent">
    <ul class="nav navbar-nav mr-auto">
      <li class="nav-item" [routerLinkActive]="['active']" [routerLinkActiveOptions]="{exact:true}">
        <a class="nav-link" [routerLink]="['/home']" (click)="navbarCollapsed = true">HOME</a>
      </li>
      <li class="nav-item" [routerLinkActive]="['active']">
        <a class="nav-link" [routerLink]="['/page1']" (click)="navbarCollapsed = true">Page 1</a>
      </li>
    </ul>
  </div>

Answer 1

Bootstrap 4 没有用于事件类的 CSS。

所以你必须自己添加CSS

只需添加CSS，如

.active {
   background:#4FA9DC; color:#000;
}