Marcado HTML:
1. Agregue el data-bs-toggle="tooltip" atributo al elemento para el que desea mostrar información sobre herramientas. Podría ser un botón, un enlace o cualquier otro elemento adecuado.
```html
Ejemplo de información sobre herramientas
```
Aquí, el título de la información sobre herramientas se especifica directamente dentro del marcado del elemento. También puede configurar atributos de datos personalizados como `data-bs-title` para incluir contenido de información sobre herramientas dinámicamente dentro de su código JavaScript.
Script de inicialización:
2. Incluya el paquete JavaScript de Bootstrap:
```html
```
Este script combina Popper y Bootstrap JS, necesarios para una funcionalidad adecuada de información sobre herramientas.
Configuración de JavaScript (opcional):
Puede personalizar aún más el comportamiento de la información sobre herramientas utilizando JavaScript. Bootstrap proporciona la clase `Tooltip` para interactuar con información sobre herramientas mediante programación.
```javascript
var tooltipTriggerList =[].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'))
var lista de información sobre herramientas =lista de información sobre herramientas.map (función (información sobre herramientasTriggerEl) {
devolver nuevo bootstrap.Tooltip(tooltipTriggerEl)
})
```
Al iterar a través de todos los elementos con el atributo `data-bs-toggle="tooltip"`, este script inicializa información sobre herramientas individual, brindando más control sobre el comportamiento y la capacidad de administrar información sobre herramientas dinámicamente, por ejemplo, al agregar nuevos botones a la página.
Ahora, cuando pasa el cursor sobre un elemento con una información sobre herramientas definida, verá la información sobre herramientas de Bootstrap 5 con el contenido proporcionado que aparece sin clases ni estilos CSS adicionales. Se posiciona automáticamente en relación con el elemento objetivo utilizando el motor de posicionamiento inteligente de Bootstrap.