Popovers

v3.x

Popovers hide and show ancillary information.

BBootstrap 3.x | Popovers


Add sample text

  Select Icon    Use Default

Lorem ipsum dolor sit amet, consectetur adipisicing elit.


<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.
   <a tabindex="-1" role="button" data-container="body" data-toggle="popover" data-trigger="focus" data-placement="top" data-title="Lorem Ipsum" data-content="Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium animi cumque vitae facilis velit sunt doloribus.">
      <i class="fa fa-fw fa-info-circle" aria-hidden="true"></i>
   </a>
</p>

Required JS

You must add the popover method to your javascript explicitly.


   // popover function
   $('[data-toggle="popover"]').popover();