تولتیپ پیشفرض
<button type="button" class="btn btn-secondary" title="تولتیپ پیشفرض " data-toggle="tooltip">
  ...
</button>
قرارگیری تولتیپ
<button type="button" class="btn btn-secondary" title="Default tooltip" data-toggle="tooltip" data-placement="top">
  ...
</button>
ویژگی کلید
data-placement="*" top | right | bottom | left
تولتیپ با اچ‌تی‌ام‌ال
<button type="button" class="btn btn-secondary" data-toggle="tooltip" data-html="true" title="<em>Tooltip</em> <u>with</u> <b>HTML</b>">
  ...
</button>
تولتیپ غیرفعال
<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>