Home Hardware Networking Programmazione Software Domanda Sistemi
Conoscenza del computer >> Domanda >> PC Risoluzione dei problemi >> .

Come creare pulsanti in Bootstrap 5?

Per creare pulsanti in Bootstrap 5, puoi utilizzare l'elemento `

```

Bootstrap 5 ti consente anche di personalizzare l'aspetto dei pulsanti aggiungendo classi aggiuntive. Ecco alcune delle classi di pulsanti comunemente utilizzate:

* `btn-primary`:questa classe applica un colore di sfondo blu al pulsante.

* `btn-secondary`:questa classe applica un colore di sfondo grigio al pulsante.

* `btn-success`:questa classe applica un colore di sfondo verde al pulsante.

* `btn-danger`:questa classe applica un colore di sfondo rosso al pulsante.

* `btn-warning`:questa classe applica un colore di sfondo giallo al pulsante.

* `btn-info`:questa classe applica un colore di sfondo ciano al pulsante.

* `btn-link`:questa classe rimuove il colore di sfondo del pulsante e applica invece un bordo.

* `btn-outline-*`:Queste classi vengono utilizzate per creare pulsanti con contorni. Puoi utilizzare una qualsiasi delle classi primaria, secondaria, di successo, di pericolo, di avviso o di informazioni insieme alla classe "btn-outline" per creare un pulsante delineato.

Ecco un esempio di un pulsante delineato che utilizza la classe "btn-outline-primary":

```html

```

Puoi anche aggiungere più classi all'elemento "

```

Bootstrap 5 fornisce anche pulsanti di diverse dimensioni. Puoi utilizzare le classi `btn-sm` e `btn-lg` per creare rispettivamente pulsanti piccoli e grandi. La dimensione predefinita del pulsante è normale.

Ecco un esempio di un piccolo pulsante che utilizza la classe `btn-sm`:

```html

```

Allo stesso modo, puoi usare la classe `btn-lg` per creare un pulsante grande.

I pulsanti di Bootstrap 5 sono reattivi, nel senso che regolano le loro dimensioni e il loro aspetto in base alle dimensioni dello schermo. Puoi anche creare pulsanti a livello di blocco che si estendono fino all'intera larghezza del loro contenitore aggiungendo la classe "btn-block".

Ricordatevi di fare riferimento alla documentazione Bootstrap per le ultime classi CSS e le opzioni per la creazione di pulsanti.

 

Domanda © www.354353.com