Ventana modal de estilo bootstrap adaptable en Pure JS-modal-JS
| Autor: | botyk |
|---|---|
| Views Total: | 545 |
| Sitio oficial: | Ir a la web |
| Actualizado: | September 4, 2018 |
| Licencia: | MIT |
Vista prévia
Descripción
El complemento modal de JavaScript modal-JS le ayuda a crear diálogos modales adaptables, de estilo bootstrap en la webapp.
Funcionamiento
Importa los archivos del plugin modal-JS en el documento HTML.
<link href="css/my.css" rel="stylesheet"> <script src="js/my.js"></script>
Cree el código HTML para el cuadro de diálogo modal. También puede usar la siguiente clase CSS para aplicar temas al modal.
- modalPrimary
- modalSuccess
- modalInfo
- modalWarning
- modalDanger
<div id="myModal" class="modal"> <div class="modalContent"> <div class="modalHeader modalPrimary"> <span class="modalClose" data-close="true" title="Close">×</span> Modal Header <div class="modalBody"> <p>Modal Body</p> </div> <div class="modalFooter"> Modal Footer <div> <button type="button" class="btn" data-close="true">Close</button> <button type="button" class="btn btnPrimary">Save</button> </div> </div> </div> </div>
