<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>