Bootstrap工具提示（不工作 - JS实现）

Question

我已经阅读了关于这个主题的其他问题，这些问题似乎都是基于不实现JS的。

我有所有必需的脚本：

   <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
  <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

实施了JS

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

我的Html

<a  class='hasTooltip' data-toggle="tooltip" title="Hooray!" href="index.php">Home</a>

然而我的工具提示是标准的工具提示，而不是引导工具提示。我使用的是Chrome，但我可以在w3schools上看到这些示例。有什么想法吗？