[MUSIC]
Discutons brièvement des tables de bootstrap.
Qu' est-ce que bootstrap apporte aux tables de style que nous incluons dans nos pages Web ?
Nous allons également examiner un autre composant bootstrap appelé carte bootstrap,
qui est un composant très polyvalent pour l'affichage du contenu.
Il se peut que vous souhaitiez présenter du contenu tabulaire
sur votre page Web à de nombreuses occasions.
Les tables ont été essentiellement conçues à
cet effet, mais peu de temps après les
concepteurs de pages Web ont détourné les tables pour les utiliser pour
la conception et la mise en page du contenu dans les pages.
Parce que intrinsèquement, le code HTML original n'avait pas
la capacité de disposer correctement le contenu d'une page Web.
Bien sûr, avec l'arrivée de mises en page basées sur une grille comme la grille d'amorçage,
les tables ont été activées sur des tables.
Et de plus en plus, les gens préfèrent ne pas utiliser les tableaux
comme une sorte principale de mise en page de contenu de construction dans les pages Web. Les
mises en page basées sur une grille sont mieux conçues à cet effet.
Voici un exemple de ce que nous pouvons faire à une table HTML standard
en utilisant plusieurs classes que bootstrap fournit pour les tables de style.
Donc, ici, vous pouvez voir que l'ensemble en l'affichant
en couleur plus foncée, puis les lignes elles-mêmes sont mises en surbrillance
en affichant des lignes alternatives avec différentes sauvegardes.
Le tableau utilisé dans bootstrap basé sur cette page
est similaire à la façon dont vous utilisez les tableaux dans les pages HTML standard.
Mais bien sûr, vous appliquez la table de classe qui est
supportée dans bootstrap à une technique de table standard.
En outre, bootstrap fournit de nombreuses classes différentes pour les tables de style comme,
table rayée pour les tables rayées zèbre comme nous l'avons vu dans l'exemple plus tôt.
De même, nous avons la table bordé pour les frontières.
Tables, table-stationnaire, table-sm pour les tables avec rembourrage cellulaire coupé en deux.
Et de même, table responsive peut être appliqué à un div autour des tables, de sorte
que les tables peuvent être rendues réactives là où elles sont affichées sur des tailles d'écran plus petites.
Les tableaux pourront alors faire défiler horizontalement et verticalement.
En outre, vous pouvez appliquer des arrière-plans à une ligne individuelle de tables ou à des
tables entières elles-mêmes.
Voici quelques exemples de la façon dont vous pouvez appliquer une
couleur d'arrière-plan à une ligne particulière ou à une cellule particulière du tableau.
Un autre composant polyvalent qui est disponible dans bootstrap
est une carte bootstrap.
Il se peut que vous souhaitiez mettre en surbrillance certains contenus sur votre page Web.
Donc c'est là que bootstrap vient à votre aide.
Dans la carte Bootstrap est un composant polyvalent qui vous permet
d'afficher du contenu dans myriades de façons.
Vous remarquerez qu'il vous permet d'avoir des en-têtes pour les cartes.
Vous pouvez également inclure des images dans les cartes.
Vous pouvez inclure des images dans l'arrière-plan des cartes.
Vous pouvez même changer les couleurs d'arrière-plan des cartes.
De nombreuses fonctionnalités sont prises en charge par des cartes.
Voici quelques exemples de cartes que nous verrons dans les exercices plus tard.
Nous verrons également plus polyvalent nous de cartes dans les exercices ultérieurs et
d'autres cours dans cette spécialisation.
Card est une entreprise très importante qui peut être utilisée efficacement pour
afficher du contenu.
Il est temps de passer à l'exercice suivant où nous utiliserons des tableaux et des
cartes pour afficher du contenu sur notre page Web.
[ MUSIQUE]