Modifica il colore dell'intestazione della tabella usando bootstrap
Le tabelle sono i componenti in HTML che vengono utilizzati per visualizzare le informazioni in un formato strutturato. Bootstrap ci offre di cambiare i colori dei componenti del tavolo molto rapidamente. Questo può essere fatto semplicemente usando le classi di colore all'interno dell'elemento della tabella, come il "tavolo-canale"Classe che applica un colore rosso al componente della tabella.
Questo post ha spiegato il metodo per modificare il colore dell'intestazione della tabella usando bootstrap.
Prerequisito: crea una tabella
Innanzitutto, crea una tabella seguendo i passaggi:
- Utilizzare il "
"Elemento per creare una tabella.
- All'interno di questo elemento, aggiungi il ""Tag per specificare l'intestazione. Crea una riga usando il “
Tag e aggiungi il " "Tag per aggiungere una voce. - Poi arriva la parte del corpo, il ""L'elemento viene utilizzato per specificare il corpo della tabella.
- All'interno del corpo, creare righe per i dati. Ad esempio, il primo "
"Aggiunge un'immagine e il secondo" "L'elemento aggiunge la descrizione pertinente. Ecco il codice HTML:
Immagine Nome del dispositivo Computer portatile Cuffia Microfono in pubblico Produzione
Si può osservare che la tabella è stata creata con successo. Ora, vediamo come regolare il colore dell'intestazione del tavolo nella sezione successiva.
Come cambiare il colore dell'intestazione della tabella usando bootstrap?
Il colore dell'intestazione del tavolo può essere modificato usando il "tavolo-*"Classe, dove l'asterisco"*"Simboleggia il colore. Ad esempio, "tavolo-buio"Per il colore grigio scuro,"SUCCESSIONE DELLA TABELLA"Per il colore verde e molti altri.
Dai un'occhiata ad alcuni esempi di cambiamento del colore dell'intestazione del tavolo.
Esempio 1: applicare il colore blu sull'intestazione del tavolo usando bootstrap
Aggiungi il "Table-Primary"Classe per applicare il colore blu all'intestazione del tavolo:
Produzione
Esempio 2: applicare il colore verde sull'intestazione del tavolo usando bootstrap
Specificare la "SUCCESSIONE DELLA TABELLA"Classe per applicare il colore verde all'intestazione del tavolo:
Produzione
È così che è possibile modificare il colore delle cuffie della tabella usando bootstrap.
Conclusione
In Bootstrap, il colore dell'intestazione del tavolo può essere modificato usando "tavolo-*" classe. Innanzitutto, crea la tabella usando HTML "
"Elemento. Quindi, specifica il “"Tag per l'intestazione e il""Tag per il corpo del tavolo. Aggiungi la classe "Table-*" al tag "" per impostare il colore dell'intestazione, come "Table-Primary"Imposta il colore blu e molti altri. Questo post ha spiegato come creare una tabella e come possiamo cambiare il colore di intestazione usando bootstrap.
- « Clean Image Docker Build utilizzando -No-Cache
- Bootstrap Testo di avviso Colore con esempi di codice »
- All'interno di questo elemento, aggiungi il ""Tag per specificare l'intestazione. Crea una riga usando il “