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;