Agregando un modal para comprar tickets

Contenido del curso

Introducción al curso

Creando el sitio web

Deploy a producción

Resumen

En esta clase aprenderemos sobre los modals, que son básicamente mostrar un mensaje en una ventana emergente. Conoce más sobre los modals aquí: https://getbootstrap.com/docs/4.1/components/modal/

Daniel Goñas

student•

los botones de mi modal no funcionan :C

  <div class="modal fade" id="modalCompra" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
      <div class="modal-dialog">
        <div class="modal-content">
          <div class="modal-header">
            <h5 class="modal-title" id="exampleModalLabel">Modal title</h6>
            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
          </div>
          <div class="modal-body">
            ...
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
            <button type="button" class="btn btn-primary">Save changes</button>
          </div>
        </div>
      </div>
    </div>

Daniel Goñas

student•

se bugeo el codigo xd

  <div class="modal fade" id="modalCompra" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
      <div class="modal-dialog">
        <div class="modal-content">
          <div class="modal-header">
            <h5 class="modal-title" id="exampleModalLabel">Modal title</h6>
            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
          </div>
          <div class="modal-body">
            ...
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
            <button type="button" class="btn btn-primary">Save changes</button>
          </div>
        </div>
      </div>
    </div>```

Daniel Goñas

student•

ya encontre el problema técnicamente :/

no me deja utilizar los botones x alguna razon xq la etiqueta que utilizo para "comprar tickets" es una "<a>" y parece q tengo que ponerle un atributo que es "data-bs-toggle='modal' " y si lo pongo deja de funcionar, pero si lo pongo en button funciona correctamente, pues cambiare todo parece xd

Raycris Maldonado

Enrique Garcia Stave

wladimir briceño

Christopher Sánchez García

nadia arroyo

Christian David Sánchez

Manuel Daza

Diego Forero

Team Platzi•

Facundo Nicolás García Martoni

teacher•

Hugo Luis Yamunaque Nima

Victor Jaramillo

Harold David Avila Sabogal

Héctor Daniel Hernández Castillo

Guillermo Baldán López

Juan Esteban Galvis

Juan Camilo Castillo Camacho

Oscar Yunior Huarza

Carlos Eduardo Gomez García

Juan Guillermo Perez Cardozo

Samuel Sobalvarro

Cristobal Peña

Kathion Vega

Jose Morales Varon

Pamela Cinthya Torres Gutiérrez

Cristhian Franco

Daiana Isabel Gamez Vivas

Donal Guillermo García Jauregui

Alejandro Sanchez

Erik Elyager

Andrea Castrillón Puerta

Bulmaro Arellano Navarrete

Agregando un modal para comprar tickets

Introducción al curso

Repositorio del curso de bootstrap

Bootstrap 4 ¿Qué trae de nuevo esta versión?

¿Que es un framework de frontend?

Nuestro Proyecto: Hola Mundo de Bootstrap

Creando el sitio web

La grilla de Bootstrap

Reto: La grilla de Bootstrap

El footer

El header de nuestro sitio

Creando un carousel de imágenes

Agregando texto informativo del evento

Agregando botones

Las cards de Bootstrap 4

Pastillas de texto

Agregando un contenedor de ancho completo

Los formularios de Bootstrap 4

Agregando un tooltip

Scrollspy: Conociendo la ubicación del usuario en el header

Agregando un modal para comprar tickets

Un nuevo formulario para completar la compra

Deploy a producción

Poniendo nuestro sitio en producción

Conclusiones del curso