BOOTSTRAP Popover & Tooltip

gistfile1.html

<script>
  $(function(){
    //Tooltip
    $("a[data-toggle=tooltip], span[data-toggle=tooltip], .tip").tooltip();
  
    //Popover
    $("a[data-toggle=popover], .info").popover().click(function(e) {
      e.preventDefault()
    });
  });
</script>

<!-- Popover -->
<a href="#" class="btn" data-toggle="popover" title="A Title" data-content="Popover kontent" data-html="true" data-position="top"
>Click to toggle popover</a>

<!-- Tooltip -->
<a href="#" data-toggle="tooltip" title="first tooltip">hover over me</a>