Popover

For implementation, refer to the bootstrap docs: https://getbootstrap.com/docs/4.6/components/popovers/ 
<!-- Default -->
<div class="popover fade show bs-popover-right" role="tooltip" x-placement="right">
    <div class="arrow" style="top: 34px;"></div>
    <h3 class="popover-header">Popover title</h3>
    <div class="popover-body">And here's some amazing content. It's very engaging. Right?</div>
</div>


<!-- Card -->
<div class="popover fade show bs-popover-right popover-card" role="tooltip" x-placement="right">
    <div class="arrow" style="top: 34px;"></div>
    <h3 class="popover-header">Popover title</h3>
    <div class="popover-body">And here's some amazing content. It's very engaging. Right?</div>
</div>


<div class="popover fade show bs-popover-right{% for mod in modifiers %} {{ mod }}{% endfor %}{% for mod in classes %} {{ mod }}{% endfor %}" role="tooltip" x-placement="right">
	<div class="arrow" style="top: 34px;"></div>
	<h3 class="popover-header">Popover title</h3>
	<div class="popover-body">And here's some amazing content. It's very engaging. Right?</div>
</div>