Bootstrap Test Questions with Correct Answers Latest Update 2025
Quels sont les 2 moyens d'intégrer bootstrap ? - Answers soit avec un <link via un CDN (hébergé en
ligne)
soit en hors ligne en téléchargeant les fichiers
Quels sont les composants dont on va avoir besoin pour utiliser bootstrap ? - Answers jquery : qu'on
peut linker en allant sur download jquery, aller sur CDN google sur la page, et prendre le script sous
jQuery, 1.x snippet
bootstrap: qu'on va chercher en allant sur download bootstrap, et en copiant la première ligne du
bootstrap CDN
et au même endroit, prendre le snipet javascript qui est indispensable pour que le jquery fonctionne (et
d'ailleurs bootstrap et js doivent être placés avant jquery
quelle ligne importante dans le head pour dire que nos dimensions vont être relatives au viewport ? -
Answers <meta name="viewport" content="width=device-width, initial-scale=1.0">
pratiquement, comment s'implémente le bootstrap dans le code ? - Answers par l'intérmédiaire de
classes spécifique, à appliquer sur une div ou une section. Il y en a 2:
- <div class="container" : pour un container à largeur fixe
- <div class='container-fluid" : pour un container qui prend toute la largeur de la page
quelles sont les différentes tailles d'écrans considérées par bootstrap ? - Answers xs < 768 px (phones)
sm >= 768px (tablets)
md >= 992px (desktop)
lg >= 1200px (large desktop)
comment fait-on pour afficher les dimensions de la page en dynamique lors de test de redimension de
page ? - Answers en ouvrant la fenêtre inspecter
quelle est la taille d'un container pour chaque catégorie xs, sm, md, lg ? - Answers La taille du container
dépend de la catégorie dans laquelle on se trouve
, xs < 768 px (phones) --> le container prend toute la page
sm >= 768px (tablets) --> 750px
md >= 992px (desktop) --> 970px
lg >= 1200px (large desktop) --> 1170px
et ça inclut le padding !
quelle classe pour définir une ligne ? - Answers class="row"
combien de colones dans le système de grille de bootstrap ? - Answers 12
comment download bootstrap en local ? - Answers - tu vas sur le site de getbootstrap en tapant
download bootstrap, et
- tu prends la version dont tu as besoin (on est à la 4 mais la 3 est encore très utilisée) puis
- tu télécharges celle qui dit :
Bootstrap
Compiled and minified CSS, JavaScript, and fonts. No docs or original source files are included.
- de ce fichier tu prends le bootstrap.css ou le ooostrap.min.css et tu le link dans ton html de la même
façon qu'un fichier style.css :
<link rel="stylesheet" href="bootstrap.css" type="text/css">
comment implémenter un bouton ? et un bouton en bootstrap ? - Answers <button>Click Me!</button>
<button class="btn btn-success">Click Me!</button>
Le bouton peut aussi se faire par l'intermédiaire d'un tag a
peut aussi se faire avec un <input type="button"
Quels sont les 2 moyens d'intégrer bootstrap ? - Answers soit avec un <link via un CDN (hébergé en
ligne)
soit en hors ligne en téléchargeant les fichiers
Quels sont les composants dont on va avoir besoin pour utiliser bootstrap ? - Answers jquery : qu'on
peut linker en allant sur download jquery, aller sur CDN google sur la page, et prendre le script sous
jQuery, 1.x snippet
bootstrap: qu'on va chercher en allant sur download bootstrap, et en copiant la première ligne du
bootstrap CDN
et au même endroit, prendre le snipet javascript qui est indispensable pour que le jquery fonctionne (et
d'ailleurs bootstrap et js doivent être placés avant jquery
quelle ligne importante dans le head pour dire que nos dimensions vont être relatives au viewport ? -
Answers <meta name="viewport" content="width=device-width, initial-scale=1.0">
pratiquement, comment s'implémente le bootstrap dans le code ? - Answers par l'intérmédiaire de
classes spécifique, à appliquer sur une div ou une section. Il y en a 2:
- <div class="container" : pour un container à largeur fixe
- <div class='container-fluid" : pour un container qui prend toute la largeur de la page
quelles sont les différentes tailles d'écrans considérées par bootstrap ? - Answers xs < 768 px (phones)
sm >= 768px (tablets)
md >= 992px (desktop)
lg >= 1200px (large desktop)
comment fait-on pour afficher les dimensions de la page en dynamique lors de test de redimension de
page ? - Answers en ouvrant la fenêtre inspecter
quelle est la taille d'un container pour chaque catégorie xs, sm, md, lg ? - Answers La taille du container
dépend de la catégorie dans laquelle on se trouve
, xs < 768 px (phones) --> le container prend toute la page
sm >= 768px (tablets) --> 750px
md >= 992px (desktop) --> 970px
lg >= 1200px (large desktop) --> 1170px
et ça inclut le padding !
quelle classe pour définir une ligne ? - Answers class="row"
combien de colones dans le système de grille de bootstrap ? - Answers 12
comment download bootstrap en local ? - Answers - tu vas sur le site de getbootstrap en tapant
download bootstrap, et
- tu prends la version dont tu as besoin (on est à la 4 mais la 3 est encore très utilisée) puis
- tu télécharges celle qui dit :
Bootstrap
Compiled and minified CSS, JavaScript, and fonts. No docs or original source files are included.
- de ce fichier tu prends le bootstrap.css ou le ooostrap.min.css et tu le link dans ton html de la même
façon qu'un fichier style.css :
<link rel="stylesheet" href="bootstrap.css" type="text/css">
comment implémenter un bouton ? et un bouton en bootstrap ? - Answers <button>Click Me!</button>
<button class="btn btn-success">Click Me!</button>
Le bouton peut aussi se faire par l'intermédiaire d'un tag a
peut aussi se faire avec un <input type="button"
