سلام
من از فریمورک bootstrap برای سایتم استفاده میکنم. میخوام برای برخی لینک ها tooltip قرار بدم. ولی همون tooltip معمولی ظاهر میشه به جای اینکه tooltip مخصوص bootstrap ظاهر بشه.اینم کد:


<html>
<head>
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</head>
<body>
<button type="button" data-toggle="tooltip" id="left" class="btn btn-default">Tooltip on left</button>
<script>
$(function(){
$('#right').tooltip();
$("#left").tooltip({
placement: "left",
title: "tooltip on left"
});
});
</script>
</body>




مشکل کدم کجاست؟