2015-02-27 7 views
-1

Я прошел весь переполнение стека, буквально что-то пробовал. Всплывающая подсказка не работает. Не могли бы вы помочь мне !!!Bootstrap Tooltip не отображается

<!DOCTYPE html> 
<html> 

    <head> 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css"> 
    <script src="https://code.jquery.com/jquery-2.1.3.min.js"></script> 

    <script> 
     $(function() { 
     $('[rel="tooltip"]').tooltip(); 
     }); 
    </script> 
    </head> 

    <body> 
    <div class="container"> 
     <div class="btn-group"> 
     <button class="btn btn-default" rel="tooltip" title="hello" data-placement="bottom">Hello World</button> 
     </div> 
    </div> 
    </body> 

</html> 
+6

Включите файл bootstrap.js после jquery.js – dfsq

+0

Спасибо !!! Оно работает !!! –

ответ

3

на основе dfsq «s комментарий - добавить в JQuery файл перед расслоение плотной бутстрапом файла расслоение плотной.

<script src="[jQuery JavaScript file]"></script> 
<script src="[Bootstrap JavaScript file]"></script> 

Файл Bootstrap JS основан на jQuery. Поэтому, чтобы убедиться, что все работает - это порядок добавления вызовов тегов скриптов в тег <head>.

Смежные вопросы