<ul class="nav nav-pills">
<li class="nav-item">
<a class="nav-link active" href="#">Active</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Link</a>
</li>
<li class="nav-item">
<a class="nav-link disabled" href="#">Disabled</a>
</li>
</ul>
You don't need to remember all these classes. Just use a bootstrap builder instead.
/* _nav.scss:74 */
.nav-pills {
.nav-link {
@include border-radius($nav-pills-border-radius);
}
.nav-link.active,
.show > .nav-link {
color: $nav-pills-link-active-color;
background-color: $nav-pills-link-active-bg;
}
}
Code copied to the clipboard.
Copying failed
/* _nav.scss:74 */
$nav-pills-border-radius
$nav-pills-link-active-color
$nav-pills-link-active-bg