ToolTip

ToolTip es totalmente configurable siguiendo las instrucciones BootStrap.

Hay que saber cuando se utiliza el plugin tooltip:

Los tooltips se basan en la biblioteca de terceros Popper.js para el posicionamiento. Debe incluir popper.min.js antes de bootstrap.js o utilizar bootstrap.bundle.min.js/ bootstrap.bundle.jsque contiene Popper.js para que las puntas de las herramientas funcionen.
Si estás construyendo nuestro JavaScript desde el código fuente, requiere util.js.
Los tooltips son opt-in por razones de rendimiento, por lo que debe inicializarlos usted mismo.
Los tooltips con títulos de longitud cero nunca se muestran.
Especifiquen container: 'body'para evitar la representación de problemas en componentes más complejos (like our input groups, button groups, etc.).
Toltips en elementos ocultos no funcionará.
Los tooltips para elementos .disabled o disabled deben activarse en un elemento envoltorio.
Cuando se activan desde hipervínculos que abarcan varias líneas, las descripciones emergentes se centran. Use white-space: nowrap; on your <a>s to avoid this behavior.
Los tooltips deben ocultarse antes de que sus elementos correspondientes hayan sido eliminados del DOM.

El color de fondo de ToolTip es transparente.

El siguiente script es necesario para que ToolTip funcione:

He creado el siguiente CSS para configurar los colores:

En un texto en un párrafo <p> simulo href incluyendo en un span:

Texto con el atributo href" ": Activar ToolTip top

Texto con el atributo href" ": Activar ToolTip bottom

Texto con el atributo href" ": Activar ToolTip left

Texto con el atributo href" ": Activar ToolTip right

Texto en un párrafo <p>: Activar ToolTip top

Texto en un párrafo <p>: Activar ToolTip bottom

Texto en un párrafo <p>: Activar ToolTip left

Texto en un párrafo <p>: Activar ToolTip right

Ejemplo en una imagen con ToolTip