Popovers

Popovers are similar to tooltips in that they can provide users with additional information about an element, but they are designed to show a little more content, as popovers also allow you to display a header.

Popovers are defined in a similar fashion to a popup, by adding the data-toggle, data-placement, data-content, and title attributes to an element. The following markup displays a popup when a user clicks on an anchor <a> element:

<a data-content="The protagonist of Franz Kafka's short story The Metamorphosis" data-placement="bottom"  data-toggle="popover" href="#" >Gregor Samsa</a> 

Setting the data-toggle attribute to popover specifies to the plugin that it needs to show a popover. The data-content attribute contains the content that ...

Get Bootstrap for ASP.NET MVC - Second Edition now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.