/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

0 vote336 views3 answers
Prevent click other tab bootstrap tabs
Javascript Bootstrap
14 votes338 views4 answers
Text align left bootstrap
CSS Bootstrap
0 vote313 views1 answer
Bootstrap table using javascript
Javascript Bootstrap
24 votes341 views5 answers
Open bootstrap modal with javascript
Javascript Bootstrap
238 votes400 views5 answers
Include bootstrap
CSS Bootstrap
40 votes352 views6 answers
How to add bootstrap in angular
Javascript Bootstrap
0 vote324 views1 answer
Bootstrap-navbar-container-fluid
CSS Bootstrap
3 votes318 views1 answer
Jquery close bootstrap model
Javascript Bootstrap
0 vote272 views1 answer
Check uncek react-bootstrap-table reactjs
Javascript Bootstrap
0 vote336 views1 answer
Progress bar bootstrap border
CSS Bootstrap