Tooltip & bootstrap framework

Tooltip & bootstrap framework



Inicjalizacja wtyczki tooltip w bootstrapie odbywa się przy użyciu javascriptu o następującej składni:

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



W powyższym przykładzie dla wszystkich elementów z atrybutem data-toggle="tooltip" wyświetli się "tooltip". Oczywiście w naszym przykładzie możemy użyć zamiast data-toggle klasy css lub identyfikatora.

$(function () {
  $('.klasa').tooltip()
})


$(function () {
  $('#identyfikator').tooltip()
})



Tooltip z lewej strony

Tooltip na górze

Tooltip na dole

Tooltip z prawej strony