Bootstrap 4 : remplir la hauteur restante dans les lignes
Dans Bootstrap 4, créer une ligne qui occupe entièrement l'espace vertical restant peut être un défi. Par défaut, l'ajout de la classe h-100 à la ligne ne fonctionnera pas comme prévu.
Solution : Flexbox
Pour étirer une ligne pour remplir la hauteur restante, utilisez la propriété flexbox Bootstrap 4.1 flex-grow-1. Cette classe permet à un élément de se développer pour remplir l'espace disponible restant dans son conteneur.
Implémentation
Voici comment implémenter la solution :
Exemple de code
1 2 3 4 5 6 7 |
|
Résultat :
La rangée bleue (ROW 2) sera développez maintenant pour remplir la hauteur restante de la colonne rouge.
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!