Twitter bootstrap 3 悬停时页内定位标志符号的CSS

我试图复制我在引导文档和其他地方看到的效果：

当您将鼠标悬停在h1/h2/h3等上时，会出现一个标志符号，允许您复制/粘贴包含片段标识符的url，例如

图片：

悬停时，“链”图标仅显示在左侧

问题：此影响是否可从引导库或其他地方获得

---

这类用户体验的名称是什么？

正如您所注意到的，bootstrap没有原生的方法来实现这一点：但是，只要使用少量css和html，它就可以完美地工作：

工作小提琴：

CSS:

HTML:

<h1>
  <a class="anchorjs-link" href="#page_fragment" style="position: absolute; margin-left: -1em; padding-right: 0.5em;display: none">
  <span class="glyphicon glyphicon-link" aria-hidden="true"></span> </a>
  H1 TEXT
</h1>

H1文本

从Sébastien回答中的“anchorJS”线索开始，我找到了“缺少锚支持的引导插件”。

谢谢。但是它不起作用。看，我想你错过了JS。我搜索了anchorJS，发现我认为这是关键，我添加了一行css，使其更简单，工作正常，不需要插件：

<h1>
  <a class="anchorjs-link" href="#page_fragment" style="position: absolute; margin-left: -1em; padding-right: 0.5em;display: none">
  <span class="glyphicon glyphicon-link" aria-hidden="true"></span> </a>
  H1 TEXT
</h1>