Bootstrap

Popover with HTML Content

What is Alice in Wonderland syndrome?

It is a rare neurological condition which causes people to feel larger or smaller than they actually are.

HTML

<span style="color: #0030ff; cursor: default" 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>