# Tooltips

Documentation and examples for adding custom Bootstrap tooltips with CSS and JavaScript using CSS3 for animations and data-attributes for local title storage.

## Examples

    <!-- Tooltip on top -->
    <button type="button" class="btn btn-secondary" data-bs-toggle="tooltip" data-bs-placement="top"
      data-bs-title="Tooltip on top">
      Tooltip on top
    </button>

    <!-- Tooltip on right -->
    <button type="button" class="btn btn-secondary" data-bs-toggle="tooltip" data-bs-placement="right"
      data-bs-title="Tooltip on right">
      Tooltip on right
    </button>
    <!-- Tooltip on bottom -->
    <button type="button" class="btn btn-secondary" data-bs-toggle="tooltip" data-bs-placement="bottom"
      data-bs-title="Tooltip on bottom">
      Tooltip on bottom
    </button>
    <!-- Tooltip on left -->
    <button type="button" class="btn btn-secondary" data-bs-toggle="tooltip" data-bs-placement="left"
      data-bs-title="Tooltip on left">
      Tooltip on left
    </button>

## Examples

    <!-- Custom tooltip-->
    <button type="button" class="btn btn-secondary" data-bs-toggle="tooltip" data-bs-placement="top"
      data-bs-custom-class="custom-tooltip"
      data-bs-title="This top tooltip is themed via CSS variables.">
      Custom tooltip
    </button>