28056812-10160179721275691-7530251218990148622-nA5D84FFF-74B4-A8A0-48B2-870B1E3DFE6F.jpg
slide-03B2676438-898F-3EAE-E9CD-ECF6C45BE3DC.jpg
index-hero36ADCFE85-F703-B8DA-4098-6C5F0BA170CA.jpg
1516811772153082B88EF-B822-6A10-8682-49B8F490AD2B.jpg
2953956-vehicle-sports-car-german-cars-car-mercedes-benz-cars-wallpapers9C67D5A0-88DF-31B7-0C2C-A0433E4DAA89.jpg

Tooltip

       

<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'>
 jQuery(document).ready(function(){
   jQuery("#left").tooltip({ placement : 'left'});
  });
</script>



Popover

Click to toggle popover top
Click to toggle popover left
Click to toggle popover bottom

<script  type='text/javascript'>
  jQuery(document).ready(function(){
      jQuery(".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>