Twitter BootStrap Popover не отображается

Question

Я пытаюсь заставить загрузчик popover работать над значком глифа в промежутке, но он просто не работает.

В моем HTML:

<span class="glyphicon glyphicon-exclamation-sign" data-toggle="popover" tabindex="0" title="Offer Details" data-content="Some stuff goes here"></span>

<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.2/umd/popper.min.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0/js/bootstrap.min.js"></script>

В моем JS:

$(document).ready(
    $(function () {
        $('[data-toggle="popover"]').popover({
            placement : 'top',
            trigger: 'focus click',
        })
    })
);

Когда я нажимаю на глиф, я вижу в консоли, что к диапазону добавляется aria-describedby="popover41686" и когда я щелкаю прочь, он удаляется. Таким образом, функциональность поповера, кажется, работает, просто мой фактический поповер не отображается.

Я реализовал похожую вещь с помощью всплывающих подсказок Bootstrap до этого, и у меня не было проблем. Может ли это быть что-то связанное с диапазоном, как я обнаружил информацию о том, что нужно установить tabindex, потому что диапазон обычно не фокусируется?