1

Bootstrap 4 使用 tether.js 作为位置，但是它只支持 4 个位置，“top”“right”“bottom”“left”，我怎样才能扩展到更多选项，tether 支持其中的 12 个？例如“左上角”或“右上角”

4

1 回答 1

0

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

目前 bootstrap 仅支持 4 个放置选项，而 Tether 支持 12 个。

因此，使用引导工具提示对您没有帮助，但您始终可以使用tether.js或它的tooltip.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>

这也是小提琴

于 2016-06-09T09:10:28.323 回答