Jak stworzyć i ustawić podpowiedź w Bootstrap 5
Pudława to małe okienko, które pojawia się, gdy użytkownik przesuwa kursor na przycisk lub link, który daje użytkownikowi, wiedzę lub wskazówkę na temat tego konkretnego przycisku lub linku. Pogląd są przydatne dla nowych użytkowników strony internetowej, aby zapisać ich przed zamieszaniem lub jakimkolwiek problemem podczas eksploracji Twojej witryny.
Ten artykuł cię nauczy
- Tworzenie podpowiedzi w Bootstrap 5
- Pozycje w pozycji
Jak stworzyć podpowiedź
Aby utworzyć użycie podpowiedzi, atrybut danych „data-bs-toggle = ”" w Twoim tag lub tag a tekst pokazany w podpowiedzi musi być napisany za pomocą atrybutu tytułu.
Pudława z linkiem
Umieść kursor tutaj
Pudława z przyciskiem
$ (dokument).gotowy (funkcja ()
$ ('[data-bs-toggle = "tooltip"]').tooltip ();
);
Teraz pozwól, że powiem ci, że w Bootstrap 5 Aby utworzyć podpowiedź, musimy dodać atrybuty danych tag lub tag a także napisz jQuery, aby to umożliwić. Więc rozbijam proces tworzenia na kroki, które zapewnią lepsze zrozumienie.
Kroki
Tworzenie podpowiedzi w Bootstrap 5 jest prostym dwupiętrowym procesem
Krok 1: Dodać Data-BS-Toggle = ”tooltip” i title = ”Tekst Tooltip tuż tutaj” atrybuty w Twoim lub tag.
Pudława z linkiem
Umieść kursor tutaj
Pudława z przyciskiem
Krok 2: Włącz podpowiedzi, pisząc JQuery następujące kod
Pozycjonowanie podpowiedzi
Więc ustawienie podpowiedzi jako wymogu Dodaj atrybut danych-BS-Placement = ” dla Twojej lub tag Aby zmienić pozycję podpowiedzi.
Wniosek
Pogląd powstają przez dodanie Data-BS-Toggle = ”tooltip” i title = ”Tekst Tooltip tuż tutaj” atrybuty w lub tag i włącz go, pisząc kod JavaScript. Do pozycjonowania tylko Dodaj atrybut Data-BS-Placement = ”.