Come creare schede a disattivazione/dinamica in bootstrap 5
Le linguette o le pillole a disattivazione/dinamica hanno un potente meccanismo in Bootstrap 5 che viene creato per navigare attraverso un'enorme quantità di dati all'interno di una piccola area. Questo divide il contenuto in diversi vetri e ogni riquadro è visibile uno alla volta. Questo aiuta l'utente ad accedere facilmente e rapidamente al contenuto cambiando tra i riquadri senza lasciare la pagina.
Questo articolo ti fornisce informazioni su
- Come creare schede a disattivazione e dinamica?
- Come creare pillole attillabili e dinamiche?
Come creare scheda azionaria e dinamica
Per creare schede attivabili, aggiungi l'attributo data-bs-toggle = "tab" per ogni tag di ancoraggio e dare un ID univoco a ogni scheda. Successivamente, crea un tag con la classe .tab-pag, e avvolgili all'interno di un tag con una classe .tab-content. Infine, dai loro un effetto di transizione con la classe .dissolvenza se vuoi.
Questa è una scheda Messaggio.
Questa è una scheda Profilo.
Questa è una scheda di impostazione.
Questo è il modo in cui si creano schede altergiabili/dinamiche.
Come creare pillole attillabili e dinamiche
Per creare schede attivabili, aggiungi l'attributo data-bs-toggle = "pillola" per ogni tag di ancoraggio e dare un ID univoco a ogni scheda. Successivamente, crea un tag con la classe .tab-pag, e avvolgili all'interno di un tag con una classe .tab-content. Infine, dai loro un effetto di transizione con la classe .dissolvenza.
<
!-- Scheda Vanes ->
Questa è una scheda Messaggio che utilizza l'attributo pillola Data-Toggle.
Questa è una scheda Profilo che utilizza l'attributo pillola Data-Toggle.
Questa è una scheda di impostazione che utilizza l'attributo pillola dati-toggle.
Ecco come si crea pillole a disattivazione/dinamica.
Conclusione
Le schede a disattivazione/dinamica vengono create per gestire o mostrare grandi quantità di dati all'interno di un'area specifica o piccola, separarli con l'aiuto di vetri e ogni riquadro è visualizzabile alla volta. Gli utenti possono passare attraverso diverse schede per visualizzare il contenuto senza lasciare la pagina. Le schede a disattivazione/dinamica in bootstrap 5 non hanno usato alcun menu a discesa perché ha reso l'usabilità e l'accessibilità complesse e difficili.