QCM sur Bootstrap – Partie 4

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’empêcher un élément de se redimensionner ?

A

B

C

D

A

La classe

.resize-none

.resize-none est utilisée pour empêcher un élément de se redimensionner, notamment les éléments de type textarea. Cela désactive la fonctionnalité de redimensionnement par l’utilisateur.
 

 

2. Quelle classe Bootstrap permet de définir une couleur de texte blanche ?

A

B

C

D

C

La classe

.text-white

.text-white est utilisée pour définir la couleur du texte en blanc. Bootstrap fournit de nombreuses classes utilitaires pour modifier la couleur du texte (par exemple,

.text-primary

.text-primary,

.text-success

.text-success, etc.).
 

 

3. Quelle classe Bootstrap est utilisée pour appliquer un padding sur tous les côtés d’un élément ?

A

B

C

D

4. Quelle classe Bootstrap permet de faire un alignement horizontal de contenu ?

B

C

D

5. Quelle classe Bootstrap permet de définir un tableau avec des rangées alternées colorées ?

B

C

D

6. Quelle classe Bootstrap est utilisée pour créer une barre de progression ?

B

C

D

7. Quelle classe Bootstrap est utilisée pour créer une carte avec une bordure ?

B

C

D

<div class="card border-primary" style="width: 18rem;">
  <img src="https://via.placeholder.com/150" class="card-img-top">
  <div class="card-body">
    <h5 class="card-title">Titre de la carte</h5>
    <p class="card-text">Ceci est un exemple de carte avec une bordure. Vous pouvez ajouter du contenu personnalisé à l'intérieur.</p>
    <a href="#" class="btn btn-primary">Lire plus</a>
  </div>
</div>

8. Quelle classe Bootstrap permet d’agrandir une image tout en maintenant son ratio d’aspect ?

A

B

C

D

9. Quelle classe Bootstrap permet de créer une grille de 12 colonnes ?

A

B

C

D

B

La classe

.col-12

.col-12 permet de créer une colonne qui prend toute la largeur du conteneur dans un système de grille de 12 colonnes. Le système de grille de Bootstrap est basé sur 12 colonnes, et

.col-12

.col-12 occupe toute la largeur de la ligne.
 

 

10. Quelle classe Bootstrap est utilisée pour aligner un élément à droite ?

B

C

D