Question

无论我做什么，我的工具提示只会显示在相关链接下方。

我脑子里有以下风格：

<style>
/* Tooltip on top */
.test + .tooltip.top > .tooltip-arrow {
    border-top: 5px solid green;
}
</style>

我体内：

<a class="test" href="#" data-toggle="tooltip" data-placement="top" title="ROUND">R</a>

在我拥有的一切的底部：

<script>
$(document).ready(function(){
    $('[data-toggle="tooltip"]').tooltip();
});
</script>

我试图使用以下指南：

http://www.w3schools.com/bootstrap/tryit.asp?filename=trybs_ref_js_tooltip_css&stacked=h

任何提示或提示都会很棒：）

Answer 1

您必须使用工具提示的容器选项和正文值：

 <button type="button" class="btn btn-default" data-container="body" data-toggle="tooltip" data-placement="left" title="Tooltip on left" >Tooltip on left</button>

查看官方文档中的options数组：http://getbootstrap.com/javascript/#tooltips

Bootstrap工具提示问题

1 个答案: