bootstrap tooltip style code example

Example 1: bootstrap button tooltip

  Tooltip on top

Example 2: bootstrap 4 tooltip

  Tooltip on top


  Tooltip on right


  Tooltip on bottom


  Tooltip on left


  Tooltip with HTML

Example 3: bootstrap 4 tooltip

// JQuery
$(function () {
  $('[data-toggle="tooltip"]').tooltip()
})

Example 4: bootstrap tooltip

  Tooltip on top


  Tooltip on right


  Tooltip on bottom


  Tooltip on left

Example 5: bootstrap tooltip

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

Example 6: javaScript Option to deactivate all bs.tooltip on document

$('[data-toggle="tooltip"]').tooltip('dispose'); // used in v4
$('[data-toggle="tooltip"]').tooltip('destroy'); // used in v3 and older