DD14_Bootstrap_hebergement

Utilisez une classe Bootstrap pour centrer le texte suivant :

<p class=" "> Hello World!</p>

• center

• text-center

• center-text

Utilisez une classe d'affichage pour faire ressortir l'élément plus que les titres normaux (taille de police plus grande et poids de police plus léger) :

• H1

• display-1

• display-5

• h6

Utilisez une classe Bootstrap pour définir le texte suivant en majuscules :

<p class=" ">Bonjour!</p>

• text-uppercase

• text-capitalize

• text-lowercase

Utilisez une classe contextuelle pour définir la couleur du texte de l'élément sur "orange":

• text-warning

• text-primary

• text-success

• text-muted

Utilisez une classe contextuelle pour définir la couleur d'arrière-plan de l'élément sur "gris clair":

• bg-light

• bg-dark

• bg-info

Utilisez une classe Bootstrap pour façonner l'image sous forme de cercle.

<img src="img_chania.jpg" alt="Chania" class="">

• rounded-circle

• circle

• square

La taille de screen : <=576px correspond au :

• xs

• lg

• md

• xxl

• sm

Comment cela s'appelle-t-il ?

• Une liste déroulante (dropdow)

• menu de selection

• liste

Quelles classes sont nécessaires pour créer cela?

• alert-info

• alert-danger

• alert-success

• alert-warning

Comment s'appelle ce composant et quelle classe utilise-t-il ?

• Button Group = .btn-grp

• Button Group = .btn-group

• Button Row = .btn-row

• Button Bar = .btn-bar