I've encountered a strange issue with my popover being disconnected from the button. I've managed to recreate the problem in this Fiddle, but I'm struggling to pinpoint the source of the problem. I suspect it could be a CSS issue, but so far, I haven't been able to identify the exact culprit. Below is the code snippet that creates the button, excluding the lengthy CSS which can be viewed in the Fiddle:
<script src="~/lib/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
<div class="row">
<div class="container offset-3 col-4 mt-5" style="height:200px;">
<a tabindex="0" class="btn btn-primary" data-placement="left" role="button" data-html="true" data-toggle="popover" title="Incorrect Info"
data-content="And here's some amazing content. It's very engaging. Right?">
Incorrect Info?
</a>
</div>
</div>