引导 4 个系绳放置位置

Question

使用 tether 引导 4.js 至于位置，但是它只支持 4 个位置，"顶部"、"右"下"、"左"，如何扩展到更多选项，其中 Tether 支持其中的 12 个？ 示例"左上"或"右上角"

Answer 1

似乎引导程序只接受 4 个放置选项 - 检查打开的 github 问题。

目前引导程序仅支持 4 个放置选项，而 Tether 支持 12 个。

因此，使用引导工具提示对您没有帮助，但您可以随时使用 tether.js或者它是工具提示.js。

下面是一个使用 tooltip.js 的示例：

new Tooltip({
  target: document.getElementById('foobar'),
  position: 'right middle',
  content: '<div id="foo">bar</div>',
});

#foo{
  background-color: black;
  color: red;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/tether-tooltip/1.2.0/css/tooltip-theme-arrows.min.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.3.2/js/tether.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/tether-drop/1.4.2/js/drop.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/tether-tooltip/1.2.0/js/tooltip.min.js"></script>
<a href=# id="foobar">I'm a link!</a>

也是小提琴