Bootstrap Подсказки - PullRequest
Новая
       39

Bootstrap Подсказки

0 голосов
/ 12 октября 2018

В настоящее время у меня есть тег img, что, когда люди наводят на него курсор, я хочу, чтобы появилась подсказка.Насколько я понимаю, вы можете поместить всплывающую подсказку только в тег 'a', возможно ли окружить / инкапсулировать мой тег img для этого или это не работает?

например, 

<li class="list-inline-item">
    <a href="whatever" data-toggle="tooltip" data-placement="auto top" title="Arduino">
        <img src="https://png.icons8.com/color/50/000000/arduino.png">
    </a>
</li>

1 Ответ

0 голосов
/ 12 октября 2018

Ну, это работает. 

<span class="d-inline-block" tabindex="0" data-toggle="tooltip" title="Disabled tooltip">
   <img src="https://png.icons8.com/color/50/000000/arduino.png">
</span>

Подсказка не обязательно должна быть в теге 'a'.

Не забудьте добавить: 

<script>    
$(function () {
      $('[data-toggle="tooltip"]').tooltip()
    })
</script>

См. Документацию по начальной загрузке

...