Bootstrap工具提示箭头颜色

Question

我试图通过实现工具提示的模板选项的内联样式来获取twitter-bootstrap的红色工具提示而不是默认的黑色,如下所示:

$(document).ready(function(){
        options = {
          container: 'body',
          placement: 'right',
          template: '<div class="tooltip" role="tooltip"><div class="tooltip-arrow" style="color: red; border-color: red;"></div><div class="tooltip-inner" style="background-color: red;"></div></div>'
        };
        $('#lnk').tooltip(options);
      });

但是,根据此演示,箭头的三角形形状会扭曲并变成正方形.

我怎么能简单地使用工具提示模板中的内联样式解决这个问题？

Answer 1

更改border-color: red;到border-right-color: red;