Tooltip

Default Tooltip 
<button type="button" class="btn btn-secondary" title="Default tooltip" data-toggle="tooltip">  ...</button>
Tooltip Placement 
<button type="button" class="btn btn-secondary" title="Default tooltip" data-toggle="tooltip" data-placement="top">  ...</button>
Attr Keys
data-placement="*" top | right | bottom | left
Tooltip HTML 
<button type="button" class="btn btn-secondary" data-toggle="tooltip" data-html="true" title="<em>Tooltip</em> <u>with</u> <b>HTML</b>">  ...</button>
Disabled Element 
<span class="d-inline-block" tabindex="0" data-toggle="tooltip" title="Disabled tooltip">  <button class="btn btn-primary" style="pointer-events: none;" type="button" disabled>  ...  </button></span>