Tooltips

Component design by Image

Más info

npm i bootstrap@5.3.3

Tooltips

Documentación y ejemplos para añadir consejos de herramientas de Bootstrap personalizados con CSS y JavaScript usando CSS3 para animaciones y atributos de data-bs para el almacenamiento local de títulos.

Ir a Bootstrap Tooltips

Ejemplo

Código

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

Copyright © 2025. Bootstrap 5

by Image