Bootstrap Tooltip (İpucu) Örneği

Tooltip'ler nesnelerin üzerlerine gelindiğinde ortaya çıkan ve nesne ile ilgili bilgi veren ipucu metinleridir. Bu örneğimizde Bootstrap ile birlikte küçük bir Jquery kodu da yazacağız.

Tooltip eklenecek nesnelerde olması gereken özellikler şu şekildedir.
data-toggle="tooltip" data-placement="left" title="İpucu Solda"

data-placement özelliği ile tooltip in konumu belirlenir. title da ise ipucunda yazılacak yazı içeriği bulunur.

Son olarak tooltip'in çalışması için alttaki jquery kodu yazılacaktır


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


Yorumlar


Yorum yapabilmek ve kaynak kodları indirebilmek için lütfen üye girişi yapın