Jak tworzyć zakładki przełączalne/dynamiczne w Bootstrap 5
Zakładki lub pigułki dynamiki/dynamiki mają potężny mechanizm w bootstrap 5, który jest tworzony do nawigacji przez ogromną ilość danych w małym obszarze. To dzieli zawartość na różne panele, a każda panel jest widoczny pojedynczo. Pomaga to użytkownikowi łatwo i szybko uzyskać dostęp do treści, przełączając się między panewami bez opuszczania strony.
Ten artykuł zawiera informacje o
- Jak tworzyć przełączalne i dynamiczne zakładki?
- Jak tworzyć przełączalne i dynamiczne tabletki?
Jak stworzyć kartę przełączalną i dynamiczną
Aby utworzyć zakładki przełączalne, dodaj atrybut Data-BS-Toggle = „Tab” do każdego znacznika kotwicy i podaj unikalny identyfikator każdej zakładce. Następnie utwórz tag z klasą .Tab-pane, i owinąć je w metkę klasą .Tab-content. Wreszcie, daj im efekt przejściowy z klasą .znikać Jeśli chcesz.
To jest karta wiadomości.
To jest zakładka profilu.
To jest zakładka ustawienia.
W ten sposób tworzysz zakładki przełączalne/dynamiczne.
Jak tworzyć przełączalne i dynamiczne tabletki
Aby utworzyć zakładki przełączalne, dodaj atrybut data-BS-toggle = „pigułka” do każdego znacznika kotwicy i podaj unikalny identyfikator każdej zakładce. Następnie utwórz tag z klasą .Tab-pane, i owinąć je w metkę klasą .Tab-content. Wreszcie, daj im efekt przejściowy z klasą .znikać.
<
!-- Tab Panees ->
To jest karta wiadomości za pomocą atrybutu pigułek danych.
To jest zakładka profilu za pomocą atrybutu pigułki danych.
To jest karta ustawienia przy użyciu atrybutu pigułki danych.
W ten sposób tworzysz przełączalne/dynamiczne tabletki.
Wniosek
W celu obsługi lub wyświetlania dużych ilości danych w określonym lub małym obszarze są tworzone/dynamiczne. Użytkownicy mogą przełączyć różne karty, aby zobaczyć treść bez opuszczania strony. Zakładki przełączalne/dynamiczne w Bootstrap 5 nie korzystały z żadnych menu rozwijanych, ponieważ utrudniało to użyteczność i dostępność.