So erstellen Sie in Bootstrap 5 Togglable/Dynamic Tabs 5

Registerkarten oder Pillen mit Togglable/Dynamics haben einen leistungsstarken Mechanismus in Bootstrap 5, der erstellt wurde, um eine große Datenmenge innerhalb eines kleinen Bereichs zu navigieren. Dies unterteilt den Inhalt in verschiedene Scheiben und jede Scheibe ist einzeln sichtbar. Dies hilft dem Benutzer, durch Wechsel zwischen den Scheiben einfach und schnell auf den Inhalt zuzugreifen, ohne die Seite zu verlassen.

Dieser Artikel gibt Ihnen Informationen zu

• So erstellen Sie Togglable und Dynamic Tabs?
• So erstellen Sie technische und dynamische Pillen?

So erstellen Sie eine togglable und dynamische Registerkarte

Fügen Sie das Attribut hinzu, um togglable Registerkarten zu erstellen Data-BS-Toggle = "tab" zu jedem Anker -Tag und geben Sie jeder Registerkarte eine eindeutige ID. Erstellen Sie anschließend ein Tag mit der Klasse .Tab-Schleife, und wickeln Sie sie mit einer Klasse in ein Tag ein .Registerkarte. Geben Sie ihnen schließlich einen Übergangseffekt mit der Klasse .verblassen falls Sie es wollen.

• 
  Nachricht
  


• 
  Profil
  


• 
  Einstellung
  

Dies ist eine Meldungstabelle.
Dies ist eine Registerkarte Profile.
Dies ist eine Registerkarte Einstellung.

Auf diese Weise erstellen Sie Togglable/Dynamic -Registerkarten.

So erstellen Sie technische und dynamische Pillen

Fügen Sie das Attribut hinzu, um togglable Registerkarten zu erstellen Data-BS-Toggle = "Pille" zu jedem Anker -Tag und geben Sie jeder Registerkarte eine eindeutige ID. Erstellen Sie anschließend ein Tag mit der Klasse .Tab-Schleife, und wickeln Sie sie mit einer Klasse in ein Tag ein .Registerkarte. Geben Sie ihnen schließlich einen Übergangseffekt mit der Klasse .verblassen.

• 
  Nachricht
  


• 
  Profil
  


• 
  Einstellung
  

<
!-- Tab -Scheiben ->

Dies handelt.
Dies ist eine Profilregisterkarte, die das Attribut "Data Toggle" Pill verwendet hat.
Dies ist eine Registerkarte Einstellung, die das Attribut "Data Toggle.

So erstellen Sie Togglable/Dynamic Pillen.

Abschluss

Registerkarte Togglable/Dynamic werden erstellt, um große Datenmengen in einem bestimmten oder kleinen Bereich zu verarbeiten oder anzeigen, sie mit Hilfe von Scheiben zu trennen, und jede Scheibe ist nacheinander zu sehen sein. Benutzer können verschiedene Registerkarten durchschalten, um den Inhalt anzuzeigen, ohne die Seite zu verlassen. Registerkarte Togglable/Dynamic in Bootstrap 5 verwendete keine Dropdown -Menüs.