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);
      });

但是，根据this demo，箭头的三角形形状会扭曲并变成正方形。

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

Answer 1

将border-color: red;更改为border-right-color: red;