As larguras modais são definidas como porcentagens do navegador, mas ainda se alinham às colunas na grade 2x.
...
Tamanhos máximos.
Tamanho modal | Altura máxima |
---|---|
Pequeno (SM) | 72% |
Médio (MD) | 84% |
Grande (LG) | 96% |
Como faço para definir a altura do pop -up modal?
Função de uso de corpo modal calc () para calcular a altura desejada. No caso acima, queremos ocupar 80VH da viewport, reduzida pelo tamanho do cabeçalho + rodapé em pixels. Isso é cerca de 140px juntos, mas você pode medi -lo com facilidade e aplicar seus próprios valores personalizados. Para modal menor/mais alto, modifique 80VH.
Como aumentar o tamanho da caixa de diálogo modal?
Tamanho modal
Altere o tamanho do modal adicionando o . Classe Modal-SM para pequenos modais, . classe Modal-LG para modais grandes, ou . modal-xl para modais extras grandes.