Почему всплывающая подсказка Bootstrap не работает с загрузочным плагином Bootstrap?

Question

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

<input type="checkbox" data-toggle="toggle" rel="tooltip" data-placement="bottom" title="Automatic Refresh" /> 


<script type="text/javascript"> 

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

</script> 

Но когда я добавить эти библиотеки плагинов от Bootstrap Toggle сделать флажок скользящий переключатель, подсказка останавливает показ вверх.

<link href="https://gitcdn.github.io/bootstrap-toggle/2.2.2/css/bootstrap-toggle.min.css" rel="stylesheet"> 
<script src="https://gitcdn.github.io/bootstrap-toggle/2.2.2/js/bootstrap-toggle.min.js"></script> 

Вот ссылка на то, что у меня до сих пор - http://jsbin.com/mepotaliti/edit?html,output

Любые мысли о том, как решить эту проблему?

Answer 1

Может быть, не очень хорошее решение, но очень быстро :)

<div rel="tooltip" data-placement="bottom" title="Automatic Refresh" style="width: 100px"> <input type="checkbox" checked data-toggle="toggle" style="width: 100%" /> </div>

Я попробовал это, и это работает