Bootstrap Eliminar la confirmación modal
Bootstrap es un marco front-end muy querido que simplifica el diseño y el desarrollo de aplicaciones basadas en la web. Más específicamente, el modal de confirmación de eliminación es una característica útil proporcionada por Bootstrap. Se puede usar para solicitar al usuario la confirmación antes de eliminar algo. Esta es una buena manera de evitar deleciones accidentales y hacer que el usuario sepa de las consecuencias de sus acciones.
Este artículo describirá cómo crear un modal de confirmación de eliminación en bootstrap.
Cómo crear un modal de confirmación de eliminación de eliminación de bootstrap?
Para crear un modal de confirmación de eliminación en Bootstrap, pruebe las instrucciones dadas:
- Primero, cree un botón que active la ventana modal. El "objetivo"Atributo se le asigna el valor"#deletemodal"Que apunta a la identificación del modal.
- Luego, cree un modal usando el "modal" y "desteñir"Clases.
- El "dialog modal"La clase crea el cuadro de diálogo.
- Luego, agregue el "contenido modalClase para especificar contenido a la ventana modal. Dentro de esta clase, incluida la clase "encabezador modal".
- El "encabezador modal"Crea el encabezado de la ventana modal. Contiene el título y el botón Cerrar.
- A continuación, cree la sección del cuerpo especificando la clase como "cuerpo modal". Comprende la nota que aparecerá en el cuadro de diálogo.
- Por último, cree el pie de página modal agregando el "pie modal" clase. Este pie de página también contiene dos botones.
Aquí está el código HTML del escenario discutido:
Título modal
estas seguro que quieres borrarlo?
Se puede observar que hemos creado con éxito un modal de confirmación de eliminación de bootstrap:
Así es como puede crear un modal de confirmación de eliminación usando bootstrap.
Conclusión
Para crear un modal de confirmación de eliminación, primero cree un botón usando las clases "btn", y "BTN-Danger"Clases que activan la ventana modal y agregan el atributo"objetivo"Con el valor" ID "del modal. Luego, cree la ventana modal usando el "modal"Clase e ID. Luego, especifique el contenido del modal utilizando el "contenido modal","encabezador modal","cuerpo modal", y "pie modal"Clases. Este artículo ha demostrado cómo crear un modal de confirmación de eliminación en bootstrap.