examples/tooltip.html
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet" href="../less/bootstrap.css"/>
<script type="text/javascript" src="../js/libs/vendors/jquery/dist/jquery.min.js"></script>
<script type="text/javascript" src="../js/libs/vendors/bootstrap/js/tooltip.js"></script>
<script>
$(function() {
$('.btn-raised').tooltip();
});
</script>
</head>
<body>
<div style="padding: 40px">
<button type="button" class="btn-raised" data-toggle="tooltip" data-placement="left" title="" data-original-title="Tooltip on left">Tooltip on left</button>
<button type="button" class="btn-raised" data-toggle="tooltip" data-placement="top" title="" data-original-title="Tooltip on top">Tooltip on top</button>
<button type="button" class="btn-raised" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Tooltip on bottom">Tooltip on bottom</button>
<button type="button" class="btn-raised" data-toggle="tooltip" data-placement="right" title="" data-original-title="Tooltip on right">Tooltip on right</button>
</div>
</body>
</html>