Twitterのブートストラップを使用してツールチップを実装しています。現在、ツールチップはリンクの上に表示されます。リンクの下にツールチップを表示したいのですが。どうすればこれを行うことができますか?
ツールチップをトリガーしていますが、「下」とはっきりと表示されていますが、機能したくありません...
<script>$('#home').tooltip('hide bottom')</script>
Twitterのブートストラップを使用してツールチップを実装しています。現在、ツールチップはリンクの上に表示されます。リンクの下にツールチップを表示したいのですが。どうすればこれを行うことができますか?
ツールチップをトリガーしていますが、「下」とはっきりと表示されていますが、機能したくありません...
<script>$('#home').tooltip('hide bottom')</script>
$('#tooltip').tooltip({
placement : 'left',
title : 'first tooltip'
});
これを<script>
タグ内で使用するか、別のJavaScriptファイルで使用します。
最新のブートストラップを使用していると仮定すると、「下部」の配置を使用します。これは、ツールチップを作成するときのオプションを介して$("#tt").tooltip({placement: "bottom"});
、または要素のデータ属性を介して行うことができます:<span data-placement="bottom" ...>tooltip!</span>
私は信じています。
ツールチップの詳細については、Bootstrapツールチップセクションを参照してください。
ブートストラップWebサイトでは、ツールチップのオプションが表示されます。オプションの1つは、placement
上、下、右、または左に設定できます。
したがって、ツールチップのスクリプトを追加するときは、次のようなオプションを入力してください
$('#example').tooltip({placement: "bottom"})
ブートストラップツールチップには「配置」オプションがあります。次のように「下」に設定できます。
$('#home').tooltip({
placement : "bottom"
});
参考資料( v.2.3.3)または(v.3 )については、公式Webサイトを参照してください。