鼠标悬停弹出效果上的Bootstrap工具提示

Question

我正在使用引导工具提示。 和正常的工具提示显示在鼠标上方的工具提示的对象上，但我希望这样的工具提示弹出窗口如引导文档所示，并且我使用所有的.js和.css文件，但这不是正确的方法需求。 并且正在使用这些文件：

<script language="javascript">
   $(document).ready(function(){
    $("[rel='tooltip']").tooltip();
    })
</script>

带有img的HTML鼠标悬停工具提示已打开：-

<a href="#" rel='tooltip' data-placement='bottom' title="App_above_and_beyond">
    <img src="img/app_above_and_beyond.jpg" alt="App_above_and_beyond" />
</a>

并且还使用bootstrap-tooltip.js文件

<script type="javascript" src="js/bootstrap-tooltip.js" ></script>

Answer 1

检查这个小提琴

确保您有此JS文件

http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.3.1/js/bootstrap-tooltip.js