Resultado de búsqueda
Documentation and examples for adding custom Bootstrap tooltips with CSS and JavaScript using CSS3 for animations and data-attributes for local title storage.
Tooltips. Documentation and examples for adding custom Bootstrap tooltips with CSS and JavaScript using CSS3 for animations and data-bs-attributes for local title storage. Overview. Things to know when using the tooltip plugin: Tooltips rely on the 3rd party library Popper for positioning.
Tooltips. Documentation and examples for adding custom Bootstrap tooltips with CSS and JavaScript using CSS3 for animations and data-bs-attributes for local title storage. On this page. Overview. Examples. CSS. Usage. popperConfig. Overview. Things to know when using the tooltip plugin:
How To Create a Tooltip. To create a tooltip, add the data-toggle="tooltip" attribute to an element. Use the title attribute to specify the text that should be displayed inside the tooltip:
Los tooltips se basan en la biblioteca de terceros Popper para su posicionamiento. Debes incluir popper.min.js antes de bootstrap.js, o utiliza un bootstrap.bundle.min.js que contenga Popper. Los tooltips son opcionales por motivos de rendimiento, por lo que debes inicializarlos tú mismo.
Los tooltips en Bootstrap 5 son pequeñas ventanas emergentes que aparecen cuando el usuario coloca el cursor sobre un elemento específico, como un botón, un enlace o un ícono. Estas ventanas emergentes pueden contener texto, imágenes u otro contenido relevante que proporcione información adicional sobre el elemento en cuestión.
Hacer que el tooltip funcione para los usuarios de teclados y tecnología de asistencia. Solo debes agregar el tooltip a los elementos HTML que tradicionalmente se pueden enfocar con el teclado y son interactivos (como enlaces o controles de formulario).