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

Hakkımızda

Bu site, website tasarımı yapılırken frontend(ön yüz) teknolojileri hakkında kısa anlatım ve örnekler paylaşmak amacıyla hazırlanmıştır.

Web tasarımda şu an için en sık kullanılan dil ve frameworkler HTML, CSS, JQUERY ve BOOTSTRAP olması sebebiyle bu alanların üzerinde örnekler ve çalışmalar olacaktır.

Son Yorumlar

İletişim

  • info@frontendokulu.com