/Javascript/Bootstrap/Bootstrap 4 tooltip

Bootstrap 4 tooltip

<button type="button" class="btn btn-secondary" data-toggle="tooltip" data-placement="top" title="Tooltip on top">
  Tooltip on top
</button>
<button type="button" class="btn btn-secondary" data-toggle="tooltip" data-placement="right" title="Tooltip on right">
  Tooltip on right
</button>
<button type="button" class="btn btn-secondary" data-toggle="tooltip" data-placement="bottom" title="Tooltip on bottom">
  Tooltip on bottom
</button>
<button type="button" class="btn btn-secondary" data-toggle="tooltip" data-placement="left" title="Tooltip on left">
  Tooltip on left
</button>
<button type="button" class="btn btn-secondary" data-toggle="tooltip" data-html="true" title="<em>Tooltip</em> <u>with</u> <b>HTML</b>">
  Tooltip with HTML
</button>

Source: getbootstrap.com

Bootstrap 4 tooltip

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

Source: getbootstrap.com

Bootstrap tooltip

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

Source: getbootstrap.com

Similar codes

14 votes355 views2 answers
.col-12 bootstrap
CSS Bootstrap
6 votes363 views4 answers
Angular bootstrap not working
Javascript Bootstrap
1 vote350 views1 answer
Bootstrap multiselect change value
Javascript Bootstrap
253 votes460 views10 answers
Bootstrap cdn
CSS Bootstrap
18 votes360 views6 answers
Bootstrap5 cdn
Javascript Bootstrap
-1 vote378 views1 answer
Bootstrap scrollable modal
CSS Bootstrap
40 votes382 views6 answers
How to add bootstrap in angular
Javascript Bootstrap
13 votes337 views6 answers
Bootstrap Badges
CSS Bootstrap
34 votes338 views6 answers
Rounded bootstrap
Javascript Bootstrap
0 vote342 views1 answer
Bootstrap ol
CSS Bootstrap