Как создать всплывающую подсказку с отличным шрифтом? - PullRequest
Новая
       27

Как создать всплывающую подсказку с отличным шрифтом?

0 голосов
/ 09 сентября 2018

Как создать всплывающую подсказку с отличным шрифтом?

Мне нужна не кнопка, а удивительный логотип, отображающий всплывающую подсказку.

Код ниже не работает. 

<i class="fas fa-info-circle fa-2x" data-toggle="tooltip" data-placement="left" title="Tooltip on left"></i>

Вот подсказка начальной загрузки:

https://getbootstrap.com/docs/3.3/javascript/#tooltips-examples

Вот удивительные факты, которые я хочу использовать:

https://fontawesome.com/icons/info-circle?style=solid

Вот моя страница, всплывающая подсказка не отображается

1 Ответ

0 голосов
/ 10 сентября 2018

Проверьте, не забыли ли вы о некоторых библиотеках. Следующий код работает правильно. 

$(document).ready(function(){
    $('[data-toggle="tooltip"]').tooltip();   
});
<!-- Bootstrap -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<!-- Font Awesome -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">
<!-- jQuery -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<!-- BootstrapJS -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<i class="fas fa-info-circle fa-2x" data-toggle="tooltip" data-placement="right" title="Tooltip on right"></i>
...