1
00:00:00,000 --> 00:00:04,642
[MUSIC]

2
00:00:04,642 --> 00:00:09,310
Discutons brièvement des tables de bootstrap.

3
00:00:09,310 --> 00:00:15,537
Qu' est-ce que bootstrap apporte aux tables de style que nous incluons dans nos pages Web ?

4
00:00:15,537 --> 00:00:20,636
Nous allons également examiner un autre composant bootstrap appelé carte bootstrap,

5
00:00:20,636 --> 00:00:24,790
qui est un composant très polyvalent pour l'affichage du contenu.

6
00:00:26,520 --> 00:00:31,438
Il se peut que vous souhaitiez présenter du contenu tabulaire

7
00:00:31,438 --> 00:00:32,717
sur votre page Web à de nombreuses occasions.

8
00:00:32,717 --> 00:00:37,021
Les tables ont été essentiellement conçues à

9
00:00:37,021 --> 00:00:41,998
cet effet, mais peu de temps après les

10
00:00:41,998 --> 00:00:46,706
concepteurs de pages Web ont détourné les tables pour les utiliser pour

11
00:00:46,706 --> 00:00:52,170
la conception et la mise en page du contenu dans les pages.

12
00:00:52,170 --> 00:00:56,992
Parce que intrinsèquement, le code HTML original n'avait pas

13
00:00:56,992 --> 00:01:01,931
la capacité de disposer correctement le contenu d'une page Web.

14
00:01:01,931 --> 00:01:07,175
Bien sûr, avec l'arrivée de mises en page basées sur une grille comme la grille d'amorçage,

15
00:01:07,175 --> 00:01:09,804
les tables ont été activées sur des tables.

16
00:01:09,804 --> 00:01:14,379
Et de plus en plus, les gens préfèrent ne pas utiliser les tableaux

17
00:01:14,379 --> 00:01:19,465
comme une sorte principale de mise en page de contenu de construction dans les pages Web. Les

18
00:01:19,465 --> 00:01:24,440
mises en page basées sur une grille sont mieux conçues à cet effet.

19
00:01:24,440 --> 00:01:29,896
Voici un exemple de ce que nous pouvons faire à une table HTML standard

20
00:01:29,896 --> 00:01:36,736
en utilisant plusieurs classes que bootstrap fournit pour les tables de style.

21
00:01:36,736 --> 00:01:41,951
Donc, ici, vous pouvez voir que l'ensemble en l'affichant

22
00:01:41,951 --> 00:01:47,371
en couleur plus foncée, puis les lignes elles-mêmes sont mises en surbrillance

23
00:01:47,371 --> 00:01:53,020
en affichant des lignes alternatives avec différentes sauvegardes.

24
00:01:53,020 --> 00:01:58,168
Le tableau utilisé dans bootstrap basé sur cette page

25
00:01:58,168 --> 00:02:04,898
est similaire à la façon dont vous utilisez les tableaux dans les pages HTML standard.

26
00:02:04,898 --> 00:02:09,220
Mais bien sûr, vous appliquez la table de classe qui est

27
00:02:09,220 --> 00:02:14,610
supportée dans bootstrap à une technique de table standard.

28
00:02:14,610 --> 00:02:21,490
En outre, bootstrap fournit de nombreuses classes différentes pour les tables de style comme,

29
00:02:21,490 --> 00:02:27,410
table rayée pour les tables rayées zèbre comme nous l'avons vu dans l'exemple plus tôt.

30
00:02:27,410 --> 00:02:30,433
De même, nous avons la table bordé pour les frontières.

31
00:02:30,433 --> 00:02:38,136
Tables, table-stationnaire, table-sm pour les tables avec rembourrage cellulaire coupé en deux.

32
00:02:38,136 --> 00:02:43,289
Et de même, table responsive peut être appliqué à un div autour des tables, de sorte

33
00:02:43,289 --> 00:02:48,696
que les tables peuvent être rendues réactives là où elles sont affichées sur des tailles d'écran plus petites.

34
00:02:48,696 --> 00:02:54,723
Les tableaux pourront alors faire défiler horizontalement et verticalement.

35
00:02:54,723 --> 00:03:00,039
En outre, vous pouvez appliquer des arrière-plans à une ligne individuelle de tables ou à des

36
00:03:00,039 --> 00:03:02,480
tables entières elles-mêmes.

37
00:03:02,480 --> 00:03:08,454
Voici quelques exemples de la façon dont vous pouvez appliquer une

38
00:03:08,454 --> 00:03:13,766
couleur d'arrière-plan à une ligne particulière ou à une cellule particulière du tableau.

39
00:03:13,766 --> 00:03:18,478
Un autre composant polyvalent qui est disponible dans bootstrap

40
00:03:18,478 --> 00:03:20,695
est une carte bootstrap.

41
00:03:20,695 --> 00:03:24,708
Il se peut que vous souhaitiez mettre en surbrillance certains contenus sur votre page Web.

42
00:03:24,708 --> 00:03:28,695
Donc c'est là que bootstrap vient à votre aide.

43
00:03:28,695 --> 00:03:33,172
Dans la carte Bootstrap est un composant polyvalent qui vous permet

44
00:03:33,172 --> 00:03:35,904
d'afficher du contenu dans myriades de façons.

45
00:03:35,904 --> 00:03:40,360
Vous remarquerez qu'il vous permet d'avoir des en-têtes pour les cartes.

46
00:03:40,360 --> 00:03:42,625
Vous pouvez également inclure des images dans les cartes.

47
00:03:42,625 --> 00:03:45,615
Vous pouvez inclure des images dans l'arrière-plan des cartes.

48
00:03:45,615 --> 00:03:49,470
Vous pouvez même changer les couleurs d'arrière-plan des cartes.

49
00:03:49,470 --> 00:03:52,450
De nombreuses fonctionnalités sont prises en charge par des cartes.

50
00:03:53,530 --> 00:03:59,218
Voici quelques exemples de cartes que nous verrons dans les exercices plus tard.

51
00:03:59,218 --> 00:04:04,974
Nous verrons également plus polyvalent nous de cartes dans les exercices ultérieurs et

52
00:04:04,974 --> 00:04:09,090
d'autres cours dans cette spécialisation.

53
00:04:09,090 --> 00:04:14,090
Card est une entreprise très importante qui peut être utilisée efficacement pour

54
00:04:14,090 --> 00:04:15,900
afficher du contenu.

55
00:04:15,900 --> 00:04:21,203
Il est temps de passer à l'exercice suivant où nous utiliserons des tableaux et des

56
00:04:21,203 --> 00:04:24,844
cartes pour afficher du contenu sur notre page Web.

57
00:04:24,844 --> 00:04:30,629
[ MUSIQUE]