QCM sur Bootstrap – Partie 8

Vous souhaitez évaluer vos compétences en Bootstrap, le framework CSS le plus utilisé pour créer des sites web réactifs et modernes ? Dans cet article, nous vous proposons un QCM sur Bootstrap pour tester vos connaissances et vous perfectionner dans l’utilisation de ce puissant outil. Que vous soyez débutant ou développeur expérimenté, ce quiz vous aidera à mieux comprendre les concepts clés de Bootstrap, de la grille responsive aux composants avancés. Préparez-vous à améliorer vos compétences en développement web et à maîtriser Bootstrap grâce à ce QCM interactif !
 
 

1. Quelle classe Bootstrap permet d’appliquer une bordure de couleur rouge autour d’un élément ?

A

.border-red

B

.border-danger

C

.border-primary

D

.border-outline

Réponse  

2. Quelle classe Bootstrap permet de créer un bouton qui prend toute la largeur de son conteneur ?

A

.btn-block

B

.btn-full

C

.btn-expand

D

.btn-lg

Réponse  

3. Quelle classe Bootstrap permet de créer un formulaire avec des champs espacés uniformément ?

A

.form-spacing

B

.form-group

C

.form-inline

D

.form-row

Réponse  
 

4. Quelle classe Bootstrap permet de rendre une image carrée tout en la redimensionnant pour tenir dans un conteneur ?

A

.img-circle

B

.img-fluid

C

.img-rounded

D

.img-square

Réponse  

5. Quelle classe Bootstrap permet de modifier l’alignement des éléments dans un conteneur Flex ?

A

.align-items-start

B

.justify-items-center

C

.flex-align-center

D

.flex-items-middle

Réponse  

6. Quelle classe Bootstrap est utilisée pour masquer un élément à toutes les tailles d’écran ?

A

.hidden

B

.invisible

C

.d-none

D

.display-none

Réponse  
 

7. Quelle classe Bootstrap permet de définir un espacement vertical entre les éléments ?

A

.space-vertical

B

.mb-3

C

.space-top

D

.mt-3

Réponse  

8. Quelle classe Bootstrap permet de désactiver un bouton ?

A

.btn-disabled

B

.btn-off

C

.disabled

D

.btn:disabled

Réponse  

9. Quelle classe Bootstrap est utilisée pour définir un fond violet sur un élément ?

A

.bg-purple

B

.bg-info

C

.bg-primary

D

.bg-indigo

Réponse  
 

10. Quelle classe Bootstrap permet d’afficher une image avec une bordure ?

A

.img-border

B

.img-rounded

C

.border-img

D

.img-thumbnail

Réponse