Bootstrap 导航栏在悬停时更改链接文本答案

【问题标题】：Bootstrap navbar change link TEXT on hoverBootstrap 导航栏在悬停时更改链接文本
【发布时间】：2022-12-01 02:37:32
【问题描述】：

我有 Bootstrap 4 导航栏。有几个带有缩短形式文本的链接。是否可以在悬停时用全文更改此缩短文本？全文在标题元素中......一些小的变化动画将是一个加号......

谢谢

<div class="desktop-menu-dropdown collapse navbar-collapse" id="navbar-collapse-desktop">
<ul class="nav navbar-nav pull-right">
<li><a href="" title='Human resources'>HR</a></li>
<li><a href="" title='Production department'>PD</a></li>

【问题讨论】：

标签： javascript html css bootstrap-4 navbar

【解决方案1】：

您可以使用引导工具提示来实现这一点

示例代码

<button type="button" class="btn btn-secondary" data-toggle="tooltip" data-placement="top" title="Tooltip on top">
      Tooltip on top
</button>

【讨论】：