İpucu Eklentisi
Ipucu eklentisi kullanıcı bir öğe üzerinde fare taşıdığındaki görünen küçük pop-up kutusu olup:
İpucu: Eklentiler bireysel olarak dahil edilebilir (using Bootstrap's individual "tooltip.js" file) (kullanarak, veya hepsini birden "bootstrap.js" veya "bootstrap.min.js" ).
Nasıl bir Tooltip Oluşturma
Bir araç ipucu oluşturmak için eklemek data-toggle="tooltip" bir öğeye özellik.
Kullanım title araç ipucu içindeki görüntülenmesi gereken metni belirtmek için niteliğini:
<a href="#" data-toggle="tooltip" title="Hooray!">Hover over me</a> Araç ipuçları JQuery ile başlatıldı gerekir: Not: Belirtilen öğeyi seçmek ve çağrı tooltip() metodu.
Aşağıdaki kod belgedeki tüm ipuçları sağlayacaktır:
Örnek
<script>
$(document).ready(function(){
$('[data-toggle="tooltip"]').tooltip();
});
</script>
Kendin dene " Konumlandırma Araç ipuçları
Varsayılan olarak, araç ipucu elemanın üstünde görünecektir.
Kullanım data-placement sol üst, alt kısmında araç ipucu veya elemanın sağ tarafının pozisyonunu ayarlamak için öznitelik:
Örnek
<a href="#" data-toggle="tooltip" data-placement="top"
title="Hooray!">Hover</a>
<a href="#" data-toggle="tooltip"
data-placement="bottom" title="Hooray!">Hover</a>
<a href="#"
data-toggle="tooltip" data-placement="left" title="Hooray!">Hover</a>
<a
href="#" data-toggle="tooltip" data-placement="right"
title="Hooray!">Hover</a>
Kendin dene " İpucu: Ayrıca kullanabilirsiniz data-placement değeriyle niteliği "auto" tarayıcı araç ipucu konumunu karar versin edecek. Değeri ise Örneğin, "auto left" aksi sağda, mümkün olduğunda ipucu sol tarafta gösterecektir.
Bootstrap Tooltip Referansı tamamlayın
Tüm araç ipucu seçenekleri, yöntemler ve olaylar tam bir referans için lütfen gidin Bootstrap JS Tooltip Referans .