--- title: Modals localeTitle: modales --- ## Modales Los modales son ventanas emergentes para proporcionar información importante antes de continuar. Para crear dichos diálogos / ventanas emergentes en la parte superior de la página actual, Bootstrap proporciona un complemento modal. #### Ejemplo de código: ```html ``` #### Entendiendo los atributos y clases utilizadas: a) `data-toggle = "modal"` : abre el modal. b) `data-target` : apunta al Id del modal que se abrirá. c) `data-dismiss="modal"` : Esto hace que la ventana emergente se cierre al hacer clic en el botón de cerrar. d) la clase `.modal` identifica el contenido de `
` como modal. e) `.modal-dialog` class establece la altura y el ancho adecuados del diálogo. f) `.modal-content` class style the modal.It contiene las secciones de encabezado, cuerpo y pie de página. g) `.modal-header` class denota la sección de encabezado del modal (título y botón (×)). h) `.modal-title` clase de `.modal-title` estilo al encabezado del modal con una altura adecuada. i) `.modal-body` class da estilo al cuerpo del modal (diálogo / ventana emergente). Puede tener otras marcas como `

,,