Les largeurs modales sont définies comme des pourcentages du navigateur mais s'aligneront toujours sur les colonnes sur la grille 2x.
...
Tailles maximales.
Taille modale | Hauteur maximum |
---|---|
Petit (sm) | 72% |
Moyen (MD) | 84% |
Grand (LG) | 96% |
- Comment définir la hauteur de la fenêtre modale?
- Comment augmenter la taille de la boîte de dialogue modale?
Comment définir la hauteur de la fenêtre modale?
Fonction Modal-Body Use calc () pour calculer la hauteur souhaitée. Dans le cas ci-dessus, nous voulons occuper 80VH de la fenêtre, réduit par la taille de l'en-tête + le pied de page en pixels. C'est environ 140px ensemble, mais vous pouvez le mesurer facilement et appliquer vos propres valeurs personnalisées. Pour un modal plus petit / plus grand modifier 80VH en conséquence.
Comment augmenter la taille de la boîte de dialogue modale?
Taille modale
Changer la taille du modal en ajoutant le . Classe modal-sm pour les petits modaux, . classe modal-lg pour les grands modaux, ou . modal-xl pour des modaux supplémentaires.