基于BootStrap 3.0开发的Tooltip 效果一直运行效果不错。当结合jQuery Validation做表单验证时想要实现下面的效果：
当有错误提示时，利用.form-control-feedback 样式可以设置一个带图标提示的表单效果，可是发现Tooltip怎么都不生效。
在chrome F12调试模式下研究了生成的HTML结构和样式等信息，发现如下css:
.form-control-feedback {pointer-events:none;}CSS3的特性，元素永远不会成为鼠标事件的target。 看到这个心里就有谱了，改成auto后，问题解决，折腾了半天，伤心！
至于Bootstrap tooltip的样式百度得来，贴于此，分享大家：
has-error .tooltip-arrow { border-left-color: red; border-bottom-color: #ffffff !important;}
.has-error .tooltip-inner { background-color: red;}