<div class="mt-5"></div>

<button

  type="button"

  class="btn btn-secondary"

  data-mdb-toggle="tooltip"

  data-mdb-placement="top"

  title="Tooltip on top"

>

  Tooltip on top

</button>

<button

  type="button"

  class="btn btn-secondary"

  data-mdb-toggle="tooltip"

  data-mdb-placement="right"

  title="Tooltip on right"

>

  Tooltip on right

</button>

<button

  type="button"

  class="btn btn-secondary"

  data-mdb-toggle="tooltip"

  data-mdb-placement="bottom"

  title="Tooltip on bottom"

>

  Tooltip on bottom

</button>

<button

  type="button"

  class="btn btn-secondary"

  data-mdb-toggle="tooltip"

  data-mdb-placement="left"

  title="Tooltip on left"

>

  Tooltip on left

</button>

​

​