Uso de tooltips y pop overs

Publicado en por Uri Lazcano

Ejecución de tooltips

Tooltip top

<a class="tooltip-default" title="Mensaje de muestra" href="#" data-placement="top">Tooltip top</a>

Tooltip right

<a class="tooltip-default" title="Mensaje de muestra" href="#" data-placement="right">Tooltip right</a>

Tooltip left

<a class="tooltip-default" title="Mensaje de muestra" href="#" data-placement="left">Tooltip left</a>

Tooltip bottom

<a class="tooltip-default" title="Mensaje de muestra" href="#" data-placement="bottom">Tooltip bottom</a>

Ejecución de popovers

Popover top

<a class="popover-default" title="titulo de popover" href="#popover" data-content="contenido de popover" data-placement="top">Popover top</a>

Popover right

<a class="popover-default" title="titulo de popover" href="#popover" data-content="contenido de popover" data-placement="right">Popover right</a>

Popover left

<a class="popover-default" title="titulo de popover" href="#popover" data-content="contenido de popover" data-placement="left">Popover left</a>

Popover bottom

<a class="popover-default" title="titulo de popover" href="#popover" data-content="contenido de popover" data-placement="bottom">Popover bottom</a>