form-control-feedback 影响tooltip 的处理

基于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;}