为什么bootstrap的工具提示自定义样式需要JavaScript初始化？

Question

我想更改bootstrap工具提示的默认样式，我可以在关注W3Schools文章之后做到这一点。该文章以及其他SO post建议使用类似下面的内容

/* Tooltip on top */
  .test + .tooltip.top > .tooltip-arrow {
      border-top: 5px solid green;
  }

这意味着我必须在tooltip元素上添加test类。但我希望所有工具提示都具有相同的样式，所以我决定不添加test类

我的工作JSFiddle is here

但是，为了让自定义样式工作，我必须使用javascript

初始化工具

$(document).ready(function(){
    $('[data-toggle="tooltip"]').tooltip();   
});

如果我删除此javascript，工具提示仍然有效但不显示自定义样式。

因此无论我是否使用javascript初始化它，工具提示都有效，但是自定义样式仅在使用javascript初始化时才有效。为什么呢？

Answer 1

来自Boostrap - Tooltips：

  

选择加入功能

     

出于性能原因，Tooltip和Popover data-apis是选择加入的，这意味着您必须自己初始化它们。