Come creare un gruppo di pulsanti Bootstrap 5?

Sinistra

Centro

Destra

`:crea il contenitore del gruppo di pulsanti. L'attributo `role="group"` indica che i pulsanti all'interno di questo contenitore fanno parte di un gruppo e l'attributo `aria-label` fornisce una descrizione dello scopo del gruppo di pulsanti.

2. `Sinistra `:Questo crea il primo pulsante all'interno del gruppo. L'attributo `type="button"` specifica che il pulsante non invia un modulo e gli attributi `class="btn btn-primary"` definiscono il pulsante come pulsante principale nel tema predefinito di Bootstrap.

3. Allo stesso modo, gli altri due elementi `` creano i pulsanti centrale e destro con lo stesso stile e funzionalità.

Il gruppo di pulsanti risultante sarà simile al seguente:

[Immagine di un gruppo di pulsanti con tre pulsanti principali etichettati "Sinistra", "Centro" e "Destra"]

Puoi personalizzare il gruppo di pulsanti aggiungendo ulteriori pulsanti, cambiando gli stili dei pulsanti e modificando l'attributo "aria-label" per fornire una descrizione diversa.

Ecco alcune opzioni aggiuntive per personalizzare i gruppi di pulsanti:

* Per allineare verticalmente i pulsanti, aggiungi la classe `btn-group-vertical` al contenitore `

`.

* Per creare un set di pulsanti di opzione, aggiungi l'attributo dati `btn-group-toggle` al contenitore `

` e imposta l'attributo `role="radiogroup"` sull'elemento `` all'interno di ciascun ` `.

* Per creare una serie di caselle di controllo, aggiungi l'attributo dati `btn-group-toggle` al contenitore `

` e imposta l'attributo `role="checkboxgroup"` sull'elemento `` all'interno di ogni ``.

* Per disabilitare un pulsante, aggiungi l'attributo `disabled` all'elemento `

`.

I gruppi di pulsanti sono un componente versatile di Bootstrap 5 che consente di creare facilmente varie configurazioni e stili di pulsanti.

• Come creare pulsanti in Bootstrap 5? 
• Come creare layout di carte Bootstrap 5? 

Informazioni correlate

• Come Ristampa Controlli in Great Plains
• Come trattare i computer con Respect
• Come creare un rientro sporgente in Google Documenti
• Come sbarazzarsi dei Trojan infezione malware
• Come abilitare il Ray Tracing su Minecraft
• Come visualizzare il numero di telefono su Viber
• Come utilizzare Ispeziona elemento
• Come trovare una chiave di Registro di sistema necessari per Microsoft Office 2007