Bootstrap 4: Images
Apprendre a bien gérer les images
Un carrousel permet de faire défiler automatiquement ou manuellement des éléments (images, texte, etc) à la manière d’un diaporama. Avec bootstrap 4 ceci est rendu possible sans devoir utiliser javascipt…
Un jumbotron est un grand bloc qui a pour but d’attirer l'attention sur un contenu ou une information spécifique.Il peut contenir du texte, une image, une vidéo etc.Il est par…
Qu’est-ce que les média queries ? Les média queries sont utilisés pour changer les propriétés css des blocks en fonction de la largeur de l'écran (disposition verticale au lieu d’horizontale,…
Si l’alignement horizontal est plutôt facile, lorsqu’un élément est de type inline on utilise text-align: center .Et lorsque un élément est de type block, on lui donne une largeur (width)…
Dans la première partie de ce tutoriel sur Flexbox nous avons appris comment positionner nos éléments verticalement ou horizontalement.Nous avons vu que pour se servir de flexbox on devait créer…
Plan du cours Qu'est-ce que Flexbox ? Avant la création de flexbox Déclarer une FlexBox (boite modulable): display: flex Empiler les éléments les uns en-dessous des autres (position verticale): flex-direction…
Plan du cours Dans cette seconde partie nous allons voir comment améliorer un peu notre barre de navigation (navbar). Barre de navigation avec formulaire de recherche Barre de navigation avec…
Plan du coursQue serait un menu sans barre de navigation ? Cette leçon va porter plus loin tout ce qu’on a vu précédemment et va vous permettre de donner un…
Plan du coursAvant de voir le menu déroulant, on va faire un détour par la classe .dropdown qui sera primordiale par la suite.Pour ce faire nous allons d’abord créer un…