Tooltips and Popover
Tooltip
<script type='text/javascript'> jQuery(document).ready(function(){ jQuery("#left").tooltip({ placement : 'left'}); }); </script> <button type="button" class="btn btn-default" id="left" data-toggle="tooltip" data-placement="left" title="Tooltip on left">Tooltip on left</button> |
Popover
<script> jQuery(document).ready(function(){ jQuery(".DemoBS a").popover({ placement : 'top' }); }); </script> <div class="DemoBS"> <a href="#" class="btn btn-md btn-danger" data-toggle="popover" title="PopOver Demo" data-content="The size of the pop over depends upon the text area" role="button">Click to toggle popover top</a> </div> |