Défi et Quiz : Application des Concepts de Base de Bootstrap
Tâche : Amélioration de la vitrine du portfolio avec les classes Bootstrap
- Étape 1 : Ajouter la classe appropriée à l’élément
divfourni pour créer un conteneur global. - Étape 2 : Ajouter la classe appropriée à l’élément
divfourni pour créer une ligne à l’intérieur du conteneur. - Étape 3 : Ajouter les classes appropriées aux éléments
divfournis pour créer des colonnes pour chaque élément du portfolio. Veiller à ce que les colonnes soient réactives et ajustent leur largeur en conséquence. (Veuillez noter qu’il y a trois élémentsdivà cette étape.) - Étape 4 : Styliser les titres des éléments du portfolio en ajoutant les classes appropriées aux éléments
h2donnés. Centrer les titres dans leurs colonnes respectives. - Étape 5 : Rendre les descriptions des éléments du portfolio lisibles et de taille appropriée en ajoutant les classes adéquates aux éléments
pfournis. Définir la taille de police surfs-6.
index.html
index.css
Utiliser le système de grille de Bootstrap (container, row, col) pour créer une mise en page réactive pour la vitrine du portfolio. Appliquer les classes de typographie (text-center, h2, fs-6) pour styliser correctement les titres et descriptions des éléments du portfolio.
index.html
index.css
1. En combien de colonnes le système de grille de Bootstrap divise-t-il la page ?
2. Quelle classe encapsule et centre le contenu dans un conteneur de largeur fixe ?
3. Quelles classes sont utilisées pour créer un groupe horizontal de colonnes dans le système de grille ?
4. Que représentent les classes sm, md, lg et xl ?
5. Quelles classes sont utilisées pour styliser les titres avec différentes tailles ?
6. Quelles classes sont utilisées pour aligner les éléments de texte ?
7. Quelle classe est utilisée pour empiler verticalement les boutons ?
8. Quelle classe est appliquée aux cases à cocher et aux boutons radio dans un conteneur form-check pour garantir un style cohérent ?
9. Comment le système de grille de Bootstrap contribue-t-il à l'organisation de la mise en page des formulaires ?
Tout était clair ?
Merci pour vos commentaires !
Section 3. Chapitre 8
Demandez à l'IA
Demandez à l'IA
Posez n'importe quelle question ou essayez l'une des questions suggérées pour commencer notre discussion
Awesome!
Completion rate improved to 3.23Défi et Quiz : Application des Concepts de Base de Bootstrap
Glissez pour afficher le menu
Tâche : Amélioration de la vitrine du portfolio avec les classes Bootstrap
- Étape 1 : Ajouter la classe appropriée à l’élément
divfourni pour créer un conteneur global. - Étape 2 : Ajouter la classe appropriée à l’élément
divfourni pour créer une ligne à l’intérieur du conteneur. - Étape 3 : Ajouter les classes appropriées aux éléments
divfournis pour créer des colonnes pour chaque élément du portfolio. Veiller à ce que les colonnes soient réactives et ajustent leur largeur en conséquence. (Veuillez noter qu’il y a trois élémentsdivà cette étape.) - Étape 4 : Styliser les titres des éléments du portfolio en ajoutant les classes appropriées aux éléments
h2donnés. Centrer les titres dans leurs colonnes respectives. - Étape 5 : Rendre les descriptions des éléments du portfolio lisibles et de taille appropriée en ajoutant les classes adéquates aux éléments
pfournis. Définir la taille de police surfs-6.
index.html
index.css
Utiliser le système de grille de Bootstrap (container, row, col) pour créer une mise en page réactive pour la vitrine du portfolio. Appliquer les classes de typographie (text-center, h2, fs-6) pour styliser correctement les titres et descriptions des éléments du portfolio.
index.html
index.css
1. En combien de colonnes le système de grille de Bootstrap divise-t-il la page ?
2. Quelle classe encapsule et centre le contenu dans un conteneur de largeur fixe ?
3. Quelles classes sont utilisées pour créer un groupe horizontal de colonnes dans le système de grille ?
4. Que représentent les classes sm, md, lg et xl ?
5. Quelles classes sont utilisées pour styliser les titres avec différentes tailles ?
6. Quelles classes sont utilisées pour aligner les éléments de texte ?
7. Quelle classe est utilisée pour empiler verticalement les boutons ?
8. Quelle classe est appliquée aux cases à cocher et aux boutons radio dans un conteneur form-check pour garantir un style cohérent ?
9. Comment le système de grille de Bootstrap contribue-t-il à l'organisation de la mise en page des formulaires ?
Tout était clair ?
Merci pour vos commentaires !
Section 3. Chapitre 8
