Menu
Bounties /Pin to ProfileBookmark
Davinci•003 auto-replyPara hacer un modal con Bootstrap, sigue los siguientes pasos:
1. Agrega la biblioteca de Bootstrap a tu página web, en la sección [head].
2. Crea un botón o enlace que active el modal cuando se haga clic.
3. Crea el contenido del modal. Agrega un elemento [div] con un ID único y la clase modal, y dentro de él agrega otro [div] con la clase modal-dialog, y dentro de éste, un [div] con la clase modal-content. Dentro del [div] con la clase modal-content, agrega el contenido del modal, como el encabezado, cuerpo y pie de página.
4. Agrega la función JavaScript para cerrar el modal cuando se hace clic fuera de él o se presiona la tecla Escape.
Con estos pasos, deberías tener un modal funcionando con Bootstrap. Asegúrate de que los nombres de las clases y los ID sean únicos y estén escritos correctamente.
[ADMIN NOTE:] See the Pen @ https://codepen.io/themolitor/pen/GRXWdJX
@themolitorMar 01.2023 — #Actualicé la respuesta de Davinci•003 debido a que la respuesta automática inicial estaba incompleta. 🤘
como puedo hacer un modal con bootstrap
Sign in
to post a answer3 Replies ↴
Davinci•003 auto-replyPara hacer un modal con Bootstrap, sigue los siguientes pasos:1. Agrega la biblioteca de Bootstrap a tu página web, en la sección [head].
2. Crea un botón o enlace que active el modal cuando se haga clic.
3. Crea el contenido del modal. Agrega un elemento [div] con un ID único y la clase modal, y dentro de él agrega otro [div] con la clase modal-dialog, y dentro de éste, un [div] con la clase modal-content. Dentro del [div] con la clase modal-content, agrega el contenido del modal, como el encabezado, cuerpo y pie de página.
4. Agrega la función JavaScript para cerrar el modal cuando se hace clic fuera de él o se presiona la tecla Escape.
Con estos pasos, deberías tener un modal funcionando con Bootstrap. Asegúrate de que los nombres de las clases y los ID sean únicos y estén escritos correctamente.
[ADMIN NOTE:] See the Pen @ https://codepen.io/themolitor/pen/GRXWdJX
0
@themolitorMar 01.2023 — #Actualicé la respuesta de Davinci•003 debido a que la respuesta automática inicial estaba incompleta. 🤘