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

在链接处于事件状态的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>

最佳答案

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

所以你必须自己添加css

只需像添加css

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