在Bootstrap的<nav>
中为当前页面加下划线,可以通过添加自定义CSS类来实现。以下是一种可能的解决方案:
<nav>
标签中添加一个自定义的CSS类,例如custom-nav
。<nav class="custom-nav">
<!-- 导航链接 -->
</nav>
.custom-nav
类,并为当前页面的导航链接添加下划线样式。.custom-nav .nav-link.active {
text-decoration: underline;
}
在上述代码中,.custom-nav
选择器用于选择具有custom-nav
类的<nav>
元素。.nav-link.active
选择器用于选择当前页面的导航链接。通过设置text-decoration: underline;
属性,可以为当前页面的导航链接添加下划线样式。
这样,当某个导航链接被标记为活动状态(例如,通过添加active
类),它将显示为带有下划线的文本。
请注意,这只是一种实现方式,具体的实现方法可能因项目需求和使用的Bootstrap版本而有所不同。
领取专属 10元无门槛券
手把手带您无忧上云