关于bootstrap的JavaScript插件中工具条问题

Question

bootstrap中工具条中，如果要给disable或.disabled添加工具条效果，需要给这个元素添加p，然后在给p应用tooltip，可是这个时候工具条的显示的位置就不在要添加的元素上了。

如图

上图中，是想给最后一个button元素添加工具条的效果，可是工具条确显示在如图位置，请问该如何设置呢？

<p data-toggle="tooltip" title="disabled Tooltip">
    <button class="btn btn-default" disabled type="button"></button>
</p>

Answer 1

p设置css display:inline-block;
disabled的button 设置css pointer-events: none;

相关链接：
http://www.zhangxinxu.com/wor...
Demo：
http://jsbin.com/sasilihapa/e...

Answer 2

有两种解决方法：

1. 就是不使用disabled属性，而是将disabled成为class属性的值，这样不需要包裹元素，也可以实现，不过这种方法的bootstrap的版本要求是v3版。

2. 就是MaxWang的答案，对于任何版本都通用。