Bootstrap'ta ToolTip Kullanımı | aliyasindogan.com
BOOTSTRAP'TA TOOLTIP KULLANIMI

BOOTSTRAP | Ali Yasin Doğan | 21.10.2016 | 3745

Bootstrap'ta tooltip kullanımı diğer adıyla title kullanımını göreceğiz.

İki şekilde kullanımı var ilki butonlarla 

Örnek:

Kodlar:

<button class="btn btn-default" data-placement="left" data-toggle="tooltip" title="Tooltip Sol" type="button">Tooltip Sol</button>
<button class="btn btn-default" data-placement="top" data-toggle="tooltip" title="Tooltip Yukarı" type="button">Tooltip Yukarı</button>
<button class="btn btn-default" data-placement="bottom" data-toggle="tooltip" title="Tooltip Alt" type="button">Tooltip Alt</button>
<button class="btn btn-default" data-placement="right" data-toggle="tooltip" title="Tooltip Sağ" type="button">Tooltip Sağ</button> 	
Diğeri ise metin içerisinde tool tip ekleyebiliyoruz.

Kodlar:

<a  href="#" data-toggle="tooltip" title="" data-original-title="ToolTip">tooltip</a> 

Birde Javascript Kodlarını Eklemeyi Unutmayalım.

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




 Etiketler:  bootstrap tooltip title