</p>
   </div>

   <h3>Four directions</h3>
   <div class="bs-docs-example tooltip-demo">
      <ul class="bs-docs-tooltip-examples">
         <li><a href="#" data-toggle="tooltip" data-placement="top" title="Tooltip on top">Tooltip on top</a></li>
         <li><a href="#" data-toggle="tooltip" data-placement="right" title="Tooltip on right">Tooltip on right</a></li>
         <li><a href="#" data-toggle="tooltip" data-placement="bottom" title="Tooltip on bottom">Tooltip on bottom</a></li>
         <li><a hr