解决bootstrap data-toggle tooltip modal collapse冲突（同时使用tooltip工具提示、modal模态框、collapse折叠）的方法

记录一下方案

1、问题

Bootstrap 中tooltip、modal、collapse等均使用了data-toggle，但函数执行时无法区分内容。
如：

data-toggle="collapse"
data-toggle="tooltip"

2、原因

提示框使用样式时，会用到以下函数，在调用tata-toggle时，就出现问题了。

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

3、解决方法

解决办法很简单，就是将tooltip的data-toggle改个名字，如：data-tooltip，对应函数也改为：

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

4、完整代码

<button class="btn btn-sm col-sm-4" type="button" data-toggle="collapse" data-target="#collapseDome" aria-expanded="false" aria-controls="collapseExample" data-tooltip="tooltip" data-placement="right" title="点击显示或隐藏新增项目表">新增项目</button>

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