Bootstrap 4 подсказки

Question

Я использую Bootstrap 4 для создания всплывающих подсказок на моей веб-странице. Но почему-то всплывающая подсказка не работает должным образом. Ниже приведен код для того же:

<a href="#reserve-table" class="btn btn-warning" role="button" data-toggle="tooltip" data-html="true" data-placement="top" title="or Call us at<br><strong>+852 1234 5678</strong>">Reserve Table</a>

Я добавил следующие файлы:

bootstrap.min.js
bootstrap.min.css

Я также активировал всплывающую подсказку со следующим кодом js: ``

$(document).ready(function() { $('[data-toggle="tooltip"]').tooltip(); });

Может кто поможет с этим? Так выглядит всплывающая подсказка на моей веб-странице. Подсказка на веб-странице

Answer 1

Если цель состоит в том, чтобы всплывающая подсказка отображалась на странице, когда она готова, вы можете использовать: .tooltip('show') или .tooltip('toggle'), чтобы обойти триггер наведения по умолчанию.

Есть еще javascript вариантов для всплывающие подсказки отсюда: https://getbootstrap.com/docs/4.5/components/tooltips/#options

Answer 2

Попробуйте добавить класс nav-link вместе с btn и btn-warning. Также убедитесь, что все файлы JS в порядке, т.е. сначала у вас есть jquery, затем popper и bootstrap .min. js наконец.