This example is for an older version of Bootstrap (v.4). A newer version is available for Bootstrap 5.

Find detailed documentation and more examples here: Go to Docs v5

Basic example

Hover me to see tooltip

Required HTML


<a href="#" class="material-tooltip-main" data-toggle="tooltip"
title="Lorem ipsum dolor sit amet consectetur adipisicing elit. Quos corporis beatae quia assumenda hic dolor obcaecati nihil debitis non at qui, possimus">Hover
me to see tooltip</a>

Required CSS


      .tooltip-inner {
        max-width: 700px;
      }

Required JavaScript


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