ブートストラップのツールチップが表示されない

Question

私のアプリケーションでブートストラップtooltipを使用しようとしています。現在、私は以下を持っています：

<button type="button" class="btn btn-default" 
     data-toggle="tooltip" data-placement="left" 
     title="Tooltip on left"> 
      Tooltip on left 
</button> 

残念ながら、私のツールチップが表示されていません。私は何が間違っているのか理解しようとしています。私はそれがJavaScriptで作成できることを知っています。しかし、私は宣言的に私のツールチップを定義しようとしています。私は、Tooltip.jsファイルが含まれていることを確認しました。しかし、私は何が間違っているのか分かりません。

純粋な宣言的な意味でツールチップを使用できますか？もしそうなら、誰かがJSFiddleやBootplyのサンプルを使って私にどのように表示されますか？私は本当にこれを頭に叩いています。

Answer 1

いいえ、純粋な宣言的な意味でツールチップを使用することはできません。 Docsから：

Opt-in functionality:
For performance reasons, the Tooltip and Popover data-apis are opt-in, meaning you must initialize them yourself.

だから、このようにJavaScriptで手動.tooltip()を呼び出す必要があります：

$("[data-toggle=tooltip]").tooltip(); 

または使用あなたが好きなセレクタ。次のようになります。

Working Demo in jsFiddle

：

Answer 2

私のプロジェクトでは、私は.btn-グループクラスと3クラスBTNと '' の要素を持つdiv要素を持っています。ブートストラップの公式のコードで初期化に働いていない（私はTwitter.Bootstrap.lessを使用しているすべてのdiferenceを行う場合、私は知らない）：

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

それから私はそれをImaJedi4everによって回答別のStackOverflowの上の解決策を見つけましたブートストラップツールチップを初期化するために、私にとっては魅力のように動作：

$(function(){ 
    $('body').tooltip({ selector: '[data-toggle="tooltip"]' }); 
}); 

Answer 3

が反応し、4アルファをブートストラップと流星でそれを示す問題がありました。これは魔法のように機能します！

componentDidMount() { 
    $(function(){ 
     $('body').tooltip({ selector: '[data-toggle="tooltip"]' }); 
    }); 
},