Componentes modales
A continuación se muestra un ejemplo modal estático (lo que significa que su posición y display se han anulado). Se incluyen el encabezado modal, el cuerpo modal (requerido para padding ) y el pie de página modal (opcional). Le pedimos que incluya encabezados modales con acciones de descarte siempre que sea posible, o que proporcione otra acción de descarte explícita.
Desplazamiento modal
Cuando los modales se vuelven demasiado largos para la ventana gráfica o el dispositivo del usuario, se desplazan independientemente de la página. Pruebe la demostración a continuación para ver lo que queremos decir.
Tamaños opcionales
Los modales tienen tres tamaños opcionales, disponibles a través de clases modificadoras para colocar en un diálogo .modal. Estos tamaños se activan en ciertos puntos de interrupción para evitar las barras de desplazamiento horizontales en vistas más estrechas.
Desplazamiento de contenido largo
Cuando los modales se vuelven demasiado largos para la ventana gráfica o el dispositivo del usuario, se desplazan independientemente de la página. Pruebe la demostración a continuación para ver lo que queremos decir.
Centrado verticalmente
Agregue . modal-dialog-centrado a . modal-dialog para centrar verticalmente el modal. < / p>
Using the grid
Utilice el sistema de cuadrícula Bootstrap dentro de un modal anidando .container-fluid dentro de .modal-body . Luego, use las clases normales del sistema de cuadrícula como lo haría en cualquier otro lugar.