ブートストラップのツールチップJavaScriptの初期化がカスタムスタイルに必要な理由

Question

ブートストラップのツールチップのデフォルトスタイルを変更したかったので、W3Schoolsの記事に従ってからそれを実行できました。その記事だけでなく、他のSO postは、私はtooltip要素上testクラスを追加しなければならないことを意味

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

以下のようなものを使用することをお勧めします。私は

私の作業JSFiddle is here

はしかし、カスタム作業スタイリングを取得するために、私はjavascriptの

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

を使用してtoolipsを初期化する必要があり testクラスを追加しないことを決定したので、しかし、私は、すべてのツールチップは、同じスタイルを持つようにしたいです

このjavascriptを削除しても、ツールチップは引き続き動作しますが、カスタムスタイリングは表示されません。

javascriptを使用して初期化するかどうかにかかわらずツールチップは機能しますが、カスタムスタイリングはjavascriptを使用して初期化する場合にのみ機能します。どうして？ Boostrap - Tooltipsから

Answer 1

：

オプトイン機能

パフォーマンス上の理由から、ツールチップとポップオーバーデータAPIは、オプトインしている、あなたがそれらを自分で初期化しなければならないという意味。