Add small overlays of content, like those on the iPad, to any element for housing secondary information. Hover over the button to trigger the popover. Requires Tooltips to be included.
FYI Popovers are generated from JavaScript and content within a data attribute.
<button class="btn btn-primary" id="markupPopover" data-placement="top" data-title="Markup Popover" data-content="My content is in markup" data-toggle="popover">Basic Popover</button>
<button class="btn btn-danger" id="markupPopover" data-placement="left" data-content="delectus excepturi sapiente distinctio voluptas quaerat nisi sit sunt nesciunt." data-toggle="popover">Popover on Left</button>
<button class="btn btn-danger" id="markupPopover" data-placement="top" data-content="delectus excepturi sapiente distinctio voluptas quaerat nisi sit sunt nesciunt." data-toggle="popover">Popover on top</button>
<button class="btn btn-danger" id="markupPopover" data-placement="bottom" data-content="delectus excepturi sapiente distinctio voluptas quaerat nisi sit sunt nesciunt." data-toggle="popover">Popover on bottom</button>
<button class="btn btn-danger" id="markupPopover" data-placement="right" data-content="delectus excepturi sapiente distinctio voluptas quaerat nisi sit sunt nesciunt." data-toggle="popover">Popover on right</button>