[MUSIC]
Parliamo brevemente delle tabelle di bootstrap.
Cosa porta bootstrap alle tabelle di styling che includiamo nelle nostre pagine web?
Vedremo anche un altro componente bootstrap chiamato come scheda bootstrap,
che è un componente molto versatile per la visualizzazione del contenuto.
Ci possono essere molte occasioni in cui si desidera presentare contenuti tabulari
sulla vostra pagina web.
Le tabelle sono state essenzialmente progettate per
questo scopo, ma presto dopo che
i progettisti di pagine web hanno dirottato le tabelle in uso per la
progettazione e la disposizione del contenuto nelle pagine.
Perché intrinsecamente, l'HTML originale non aveva
la possibilità di disporre correttamente il contenuto in una pagina Web.
Naturalmente, con l'arrivo di layout basati su griglia come la griglia di bootstrap,
le tabelle sono state attivate su tabelle.
E sempre più, le persone preferiscono non utilizzare le tabelle
come un tipo principale di layout di contenuti di costruzione nelle pagine web.
I layout basati su griglia sono progettati meglio per questo scopo.
Ecco un esempio di cosa possiamo fare a una tabella HTML standard
utilizzando diverse classi che bootstrap fornisce per le tabelle di styling.
Quindi qui, puoi vedere che l'insieme
visualizzandolo in colore più scuro e quindi le righe stesse sono evidenziate
visualizzando righe alternative con backup diversi.
La tabella utilizzata in bootstrap basata su quella pagina
è simile a come si utilizzano le tabelle nelle pagine HTML standard.
Ma ovviamente, applichi la tabella di classe
supportata in bootstrap a una tecnologia di tabella standard.
Inoltre, bootstrap fornisce molte classi diverse per le tabelle di styling come,
tabella striping per tabelle zebrate come abbiamo visto nell'esempio precedente.
Allo stesso modo, abbiamo tavolo delimitato per i bordi.
Tavoli, table-hover, table-sm per tavoli con imbottitura a celle tagliate a metà.
E allo stesso modo, la tabella reattiva può essere applicata a un div attorno alle tabelle, in modo
che le tabelle possano essere rese reattive dove viene mostrata su schermi di dimensioni più piccole.
Le tabelle saranno quindi in grado di scorrere orizzontalmente e verticalmente.
Inoltre, è possibile applicare sfondi a singole righe di tabelle o
intere tabelle stesse.
Di seguito sono riportati alcuni esempi di come è possibile applicare un
colore di sfondo a una riga particolare o a una particolare cella nella tabella.
Un altro componente versatile disponibile in bootstrap
è una scheda bootstrap.
A volte, potresti voler evidenziare alcuni contenuti sulla tua pagina web.
Quindi è qui che il bootstrap viene in tuo aiuto.
Nella scheda Bootstrap è un componente versatile che consente di
visualizzare il contenuto in miriadi di modi.
Si noterà che ti permette di avere intestazioni per le carte.
È inoltre possibile includere immagini nelle schede.
È possibile includere immagini sullo sfondo delle schede.
È anche possibile modificare i colori di sfondo delle carte.
Molte funzionalità sono supportate da schede.
Ecco un paio di esempi di carte che vedremo negli esercizi più avanti.
Vedremo anche più versatile noi di carte in esercizi successivi e
altri corsi in questa specializzazione.
Card è una società molto importante che può essere efficacemente utilizzato per la
visualizzazione di contenuti.
È ora di passare al prossimo esercizio in cui useremo tabelle e
schede per visualizzare alcuni contenuti nella nostra pagina web.
[ MUSIC]