Bootstrap tooltip not working[solved]

How to fix the issue of tooltip not working issue : code2care

by Swami

HTML

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.2.0/js/tooltip.js"></script>
<h2 class="cen">Bootstrap : Tooltip </h2>
<br/>
<div class="pad cen">
    <button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="left" title="Tooltip : left">Tooltip : Left</button>
    <button type="button" class="btn" data-toggle="tooltip" data-placement="top" title="Tooltip on top">Tooltip : Top</button>
    <button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Tooltip : bottom">Tooltip : Bottom</button>
    <button type="button" class="btn btn-sm" data-toggle="tooltip" data-placement="right" title="Tooltip : right">Tooltip : Right</button>
</div>























<!-- Omit this part : Just a footer -->
<div style="position:fixed;bottom:10px;left:10px;background:#4679BC;padding:4px;border-radius:2px;border:1px solid #4679AA"><a href="http://code2care.org" title="more ..." style="padding:5px;text-decoration:none;font-size:12px;color:#fff;letter-spacing: 1.5px;">Code2care</a>
</div>

CSS

.pad {
    padding:80px
}
.cen {
    text-align:center
}

JavaScript

$("[data-toggle=tooltip").tooltip();