• このエントリーをはてなブックマークに追加
  • LINEで送る

ヒントを表示するツールチップを付ける

data-toggle="tooltip" data-placement="{left,top,bottom,right}" data-original-title="{text}"

これはjQueryPluginなのでjQueryコードを書く必要が有ります。

$(function () {
  $('[data-toggle="tooltip"]').tooltip()
})
      
上に説明を表示 左に説明を表示 下に説明を表示 右4に説明を表示


文中でツールチップを表示する。これはjQueryPlugin(ココ)なのでjQueryコードを書く必要が有ります。

        
        上に説明を表示
        左に説明を表示
        下に説明を表示
        右4に説明を表示
        

文中でツールチップを表示する。これはjQueryPlugin(ココ)なのでjQueryコードを書く必要が有ります。

ポップするバーを付ける

これはjQueryPluginなのでjQueryコードを書く必要が有ります。

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

押させるという事が必要なので、利用シーンはどうでしょう・・・うーん。