引导导航栏活动元素选项？

Question

在 bootstrap 4 中是否有突出显示活动元素的方法。

目前 Home 是活动元素，但不够大胆。

<li class="nav navbar-nav ">
    <a class="nav-link {{ Request::is('/') ? "active" : "" }}" href="#">Home</a>
    <a class="nav-link " href="#">Home</a>
  </li>

Answer 1

只需简单地设置.nav-link.active 的样式

.navbar-nav .nav-link.active {
    font-weight: bold;
    background-color: red;
}