我有以下引导代码定义我们的主菜单导航:-
<div class="col-xl-9 col-lg-9">
<div class="main-menu d-none d-lg-block">
<nav>
<ul id="navigation">
<li><a href="/">home</a></li>
<li><a href="/home/FAQ">FAQ</a></li>
<li><a href="/home/contact/">Contact</a></li>
</ul>
</nav>
</div>
</div>
但是我需要使当前页面下划线使用引导如果可能？
将一个类放在活动类中，在css中给类下划线，如下所示:
<li class="active"><a href="/">home</a></li>
CSS:
.active{
border-bottom: xxxx;
border-color:xxxx;
border-style:xxx;
}
为此需要一些JavaScript。 基本上，您需要动态地添加一个类，例如active到您的活动元素，然后向该类添加一些样式。 查看本文以获取更多详细信息。
