HTML
<span style="color: #0030ff; cursor: help" data-bs-toggle="popover" title="Alice in Wonderland Syndrome" data-html="true" data-bs-trigger="hover focus" data-bs-content="The foremost symptom of the Alice in Wonderland syndrome (<strong>AIWS</strong>) is an altered body image. The person observes sizes of parts of the body wrongly. More often than not, the head and hands seem disproportionate, and in general, the person perceives growth of various parts rather than a reduction in their size. Another most significant symptom of the AIWS is that the patient perceives the sizes of various other objects inaccurately. The trademark symptom of AIWS is migraine. The individual loses a sense of time. For him, time seems passing either at a snail's pace or passing too swiftly">Alice in Wonderland Syndrome</span> is a rare neurological condition which causes people to feel larger or smaller than they actually are.
JS
<script>
var popoverTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="popover"]'))
var popoverList = popoverTriggerList.map(function (popoverTriggerEl) {
return new bootstrap.Popover(popoverTriggerEl, {
html: true
}
)
})
</script>
Basic Page
Button alignment
Button styles
Button with icon Only
Button with text and icon on the left
Button with text and icon on the right
Content pagination
Include CSS and JS Files
Modal window
Popover
Popover with HTML content
Progress bars
Progress bars with tooltip
Popover with HTML content and a close button
Responsive cards
Responsive cards styled like business cards
Responsive cards styled like post-it notes
Responsive columns
Table
Table pagination with keyboard keys
Tabs
Tooltip
Tooltip with HTML content