0

誰かが私のウェブサイトのアイコンにカーソルを合わせると、(ブートストラップを使用して) ツールチップがアイコンの下に表示されるようにしようとしていますが、ツールチップの配置はすべてめちゃくちゃです。

これが私のコードです

<a id='notify' href="#" 
   data-toggle="tooltip" 
   data-placement="bottom" 
   data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus." 
   title="" 
   data-original-title="Popover on top">
  <i class = 'icon-globe'></i>
</a>

そして私のスクリプト

$(document).ready(function(){
        $("#notify").tooltip();
      });

プレーンテキストだけを使用してみましたが、正常に動作しますが、アイコンフォントを使用すると、ツールチップの配置が右側にあり、アイコンフォントの近くにさえありません

ここにスクリーンショットがあります：

ここに画像の説明を入力

ありがとう

編集：解決済み

今日もこの問題に遭遇し、ツールチップ属性を link タグから i タグに移動することで解決しました

前

<a id='notify' href="#" 
   data-toggle="tooltip" 
   data-placement="bottom" 
   data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus." 
   title="" 
   data-original-title="Popover on top">
  <i class = 'icon-globe'></i>
</a>

後

4

0 に答える 0