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
@SempervivumMar 02.2023 — #These days there is an alternative for creating modals: The dialog element: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dialog