14 Tooltip and Popover

14.1 Tooltip

Use tooltips for textual identification of an element in question. Tooltips are displayed on hover and focus or upon touch on touch screen devices.

Tooltip message goes here 
<div class="tooltip fade top in">
  <div class="tooltip-arrow"></div>
  <div class="tooltip-inner">
    Tooltip message goes here
  </div>
</div>

14.2 Popover

Use the pop over with the Tour UI component to put together a comprehensive overview of UIs to new visitors.

Popover title

Popover message goes here 


<div class="popover top">
  <div class="arrow"></div> 
  <h3 class="popover-title">Popover title</h3> 
  <div class="popover-content"> 
    <p>
      Popover message goes here
    </p> 
  </div> 
</div>