Всплывающая подсказка при наведении

       


<button type="button" class="btn btn-default" id="left" data-toggle="tooltip" data-placement="left" title="Tooltip on left">Tooltip on left</button>
<script type='text/javascript'>
 jQuerOs(document).ready(function(){
   jQuerOs("#left").tooltip({ placement : 'left'});
  });
</script>



Всплывающая подсказка при клике

Нажмите. Пример 1
Нажмите. Пример 3
Нажмите. Пример 4

<script  type='text/javascript'>
  jQuerOs(document).ready(function(){
      jQuerOs(".DemoBS a").popover({
          placement : 'top'
      });
  });
</script>

<div class="DemoBS">
   <div 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</div>
</div>