ブートストラップ付きのツールチップ

ツールチップを使用して、ユーザーがアプリやウェブサイトの内容をよりよく理解できるようにします。

<span title=”Push it real good” data-toggle=”tooltip”>
  Push It
</span>

それらを初期化する

JavaScriptを介してツールチップを初期化する必要があります。

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

ツールチップの配置

要素の上、下、または横にツールチップが必要ですか？ 要素にdata-placement属性を追加します。

<a href=”#” data-toggle=”tooltip”
data-placement=”left”
title=”Knock you out”>
  Mama said
</a>

簡単なヒント

ツールチップが機能するために必要なjQueryとbootstrap.jsを含めることを忘れないでください。