CODEWITHSUNDEEP
phpcsshtmllaravelbootstrap-4
Naishu Babu
Naishu Babu

Reputation: 61

bootstrap navbar active element options?

Is there anyway in bootstrap 4 to highlight the active element.

Currently Home is the active element, but it isn't that bold enough.

Screenshot

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

Upvotes: 0

Views: 930

Answers (1)

Adel Elkhodary
Adel Elkhodary

Reputation: 1647

just style the .nav-link.active simply

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

Upvotes: 1

Related Questions