Bootstrap 3 Tooltips or Popovers doesn't work

Question

I have a Django application with the front-end designed in Twitter Bootstrap 3. All of the my styling and JS is working fine including the modals, etc... But I cannot for th

Answer 1

Opt-in functionality For performance reasons, the Tooltip and Popover data-apis are opt-in, meaning you must initialize them yourself.

One way to initialize all popovers on a page would be to select them by their data-toggle attribute:

    $(function () {
  $('[data-toggle="popover"]').popover()
})

Answer 2

Tooltips must be initialized with jQuery:

<a href="#" data-toggle="tooltip" title="Hooray!">Hover over me</a>

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

Check this link

Answer 3

You just need to enable the tooltip via javascript:

$('some id or class that you add to the above a tag').tooltip()