bootstrap-tooltip.js
<!DOCTYPE html>
<html lang="en">
<head>
<title></title>
<script src="assets/js/jquery.js"></script>
<script src="assets/js/bootstrap-tooltip.js"></script>
<script type="text/javascript">
$(function() {
$('.tooltip-demo').tooltip({
selector: "a[rel=tooltip]"
})
$("#testt").tooltip({
})
})
})
</script>
<link href="assets/css/bootstrap.css" rel="stylesheet">
</head>
<body>
<p>Hover over the links below to see tooltips:</p>
<div class="tooltip-demo">
<p class="muted" style="margin-bottom: 0;">Tight pants next level keffiyeh <a href="#" rel="tooltip" title="111111">you probably</a> haven't heard of them. Photo booth beard raw denim letterpress vegan messenger bag stumptown. Farm-to-table seitan, mcsweeney's fixie sustainable quinoa 8-bit american apparel <a href="#" rel="tooltip" title="22222">have a</a> terry richardson vinyl chambray. Beard stumptown, cardigans banh mi lomo thundercats. Tofu biodiesel williamsburg marfa, four loko mcsweeney's cleanse vegan chambray. A really ironic artisan <a href="#" rel="tooltip" title="333333">whatever keytar</a>, scenester farm-to-table banksy Austin <a href="#" rel="tooltip" title="44444">twitter handle</a> freegan cred raw denim single-origin coffee viral.
</p>
<input type="text" id="testt" rel="tooltip" title="123456" />
</div>
<div class="tooltip-demo">
<ul>
<li><a href="#" rel="tooltip" data-placement="top" title="top">Tooltip on top</a></li>
<li><a href="#" rel="tooltip" data-placement="right" title="right">Tooltip on right</a></li>
<li><a href="#" rel="tooltip" data-placement="bottom" title="bottom">Tooltip on bottom</a></li>
<li><a href="#" rel="tooltip" data-placement="left" title="left">Tooltip on left</a></li>
</ul>
</div>
</body>
</html>