Bootstrap工具提示问题

无论我做什么，我的工具提示都只显示在相关链接下。Bootstrap工具提示问题

我有我的头以下样式：

<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

任何提示或提示将是巨大的:)

来源

2016-09-28 Alan Tingey

您能提供您使用哪个cdn吗？ –

Bootstrap v3.3.6（http://getbootstrap.com） - 这是你的意思吗？抱歉。 –

Ur code is fine .. [Bootstrap CDN]（http://getbootstrap.com/getting-started/）..你必须包括** SCRIPT **和** CSS **到你的页面，它会工作= > [CodePen]（http://codepen.io/anon/pen/ORgdQb） – liborza

你必须使用工具提示容器选项与体值：

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

看看选项数组在官方文档中：http://getbootstrap.com/javascript/#tooltips

来源

2016-09-28 22:11:02 ArGh

非常感谢您的答案，但仍然只是坐在按钮下面的结果相同：/。显然是我的东西做错了，所以回到绘图板大声笑 –

看看你的链接的z-index值，如果你已经放了一个，并减少它。制作一个codePen或一个公共页面，以便我们更容易地帮助您;-) – ArGh

没有z-index。从来没有使用过的代码笔，所以明天会试试:) –

Bootstrap工具提示问题

回答

相关问题