为什么 Bootstrap 工具提示不适用于 Bootstrap Toggle 插件？

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>

我试过了，它有效