Curso de Bootstrap 4

Clases del Curso de Bootstrap 4

Instruido por:
Sacha Lifszyc
Sacha Lifszyc
Básico
2 horas de contenido
Ver la ruta de aprendizaje
Platzi Conf 2018 Hawai
Proyecto del curso
Platzi Conf 2018 Hawai

¡Platzi Talks llega por primera vez a Hawaii! Un evento para compartir con nuestra comunidad el conocimiento y experiencia de los expertos que están creando el futuro en internet. Ven a conocer a miembros del Team Platzi, a otros estudiantes de Platzi y a los conferencistas de primer nivel que tenemos para vos. ¡Te esperamos! Puedes ver el proyecto aquí: https://sachalifs.github.io/platzi-bootstrap/

Curso de Bootstrap 4

Curso de Bootstrap 4

Progreso del curso:0/21contenidos(0%)

Contenido del Curso
Tutoriales de estudiantes
Preguntas de estudiantes

Progreso del curso:0/21contenidos(0%)

Introducción al curso

Repositorio del curso de bootstrap

00:15 min

Material Thumbnail

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

03:23 min

Material Thumbnail

¿Que es un framework frontend?

02:45 min

Material Thumbnail

Nuestro Proyecto: Hola Mundo de Bootstrap

02:34 min

Creando el sitio web

Material Thumbnail

La grilla de Bootstrap

12:09 min

Material Thumbnail

Reto: La grilla de Bootstrap

05:43 min

Material Thumbnail

El header de nuestro sitio

13:18 min

Material Thumbnail

Creando un carousel de imágenes

07:58 min

Material Thumbnail

Agregando texto informativo del evento

12:51 min

Material Thumbnail

Agregando botones

04:42 min

Material Thumbnail

Las cards de Bootstrap 4

11:44 min

Material Thumbnail

Pastillas de texto

04:38 min

Material Thumbnail

Agregando un contenedor de ancho completo

12:26 min

Material Thumbnail

Los formularios de Bootstrap 4

15:43 min

Material Thumbnail

Agregando un tooltip

04:07 min

Material Thumbnail

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

07:23 min

Material Thumbnail

Agregando un modal para comprar tickets

04:47 min

Material Thumbnail

Un nuevo formulario para completar la compra

04:40 min

Deploy a producción

Material Thumbnail

Poniendo nuestro sitio en producción

04:08 min

Material Thumbnail

Conclusiones del curso

00:51 min

nuevosmás votadossin responder
kevin david pantoja vergara
kevin david pantoja vergara
Estudiante

¿será que alguien tiene un resumen de este curso? , por fa! unos apuntes para repasar la informacion de este curso, muchas gracias al que lo quiera compartir! lo agradeceria muchisimo

1
Gary Torres Martínez
Gary Torres Martínez
Estudiante

Tengo un inconveniente con el texto, éste no me aparece, solo aparece cuando se cambia de imagen. ¿Alguna sugerencia?. Les agradezco

dudaTexto.png
1
ivankstro7
ivankstro7
Estudiante

Reto cumplido:

https://codepen.io/ivankstro7/pen/NWjXEJq?editors=1100

¿Por que al realizar el desafio en el CodeOpen el segundo ejercicio no se ve bien pero al realizarlo en mi computadora si, que puede estar pasando ?

1
Gary Torres Martínez
Gary Torres Martínez
Estudiante

Tengo una duda, yo realizo el html como él lo está haciendo, pero no me genera el cambio como responsive, ¿Alguna ayuda?

dudaResponsive.png
1
Yobriel Alexander Castillo Monsant
Yobriel Alexander Castillo Monsant
Estudiante

¿Sacaran un curso de Bootstrap5?

3
Orlando Guerrero
Orlando Guerrero
Estudiante

Buenas Tardes. Segui las instrucciones para colocar el sitio en producción con los comandos de DOS y no fue posible. Por favor enviar los comando apaso a paso . Gracias.

1
Carlos Arturo Miranda Trujano
Carlos Arturo Miranda Trujano
Estudiante

Hola, a mi no se me formatea con:

    <footer id="footer"> 
      <divclass="container">
        <divclass="row text-center">
          <divclass="col-12 col-lg"><a href="#">Preguntas Frecuemtes</a></div>
          <divclass="col-12 col-lg"><a href="#">Contáctanos</a></div>
          <divclass="col-12 col-lg"><a href="#">Prensa</a></div>
        </div>
      </div>
    </footer>

No sé si tenga que ver con que ya estamos en bootstrap 5, espero puedan ayudarme con esto.
Saludos

2
Joel Dominguez Merino
Joel Dominguez Merino
Estudiante

Alguien esta usando Bootstrap 5?
No entiendo por que al colocar la clase “col-lg” las columnas que tengo no se reparten el ancho que tienen en la fila y se sigues mostrando de la siguiente manera:
Captura de Pantalla 2021-07-17 a la(s) 20.32.04.png

Mi código:

<footer class="footer container py-4">
        <divclass="row text-center">
            <divclass="col-12 col-lg"><a href="#">Preguntas Frecuentes</a></div>
            <divclass="col-12 col-lg"><a href="#">Contáctanos</a></div>
            <divclass="col-12 col-lg"><a href="#">Prensa</a></div>
            <divclass="col-12 col-lg"><a href="#">Conferencias</a></div>
            <divclass="col-12 col-lg"><a href="#">Términos y Condiciones</a></div>
            <divclass="col-12 col-lg"><a href="#">Privacidad</a></div>
            <divclass="col-12 col-lg"><a href="#">Estudiantes</a></div>
        </div>
    </footer>
2
Orlando Guerrero
Orlando Guerrero
Estudiante

buenas tardes. a pesar de tener la siguiente intrucción
<div class=“col”>
<a href="#">Preguntas Frecuentes</a>
</div>
<div class=“col-12 clo-lg”>
<a href="#">Contactanos</a>
</div>
<div class=“col-12 clo-lg”>
<a href="#">Prensa</a>
</div>
<div class=“col-12 clo-lg”>
<a href="#">Terminos y Condiciones</a>
</div>
<div class=“col-12 clo-lg”>
<a href="#">Privacidad</a>
</div>
<div class=“col-12 clo-lg”>
<a href="#">Estudiantes</a>
</div>
al agrandar la ventana del navegador me siguen apareciendo en una sola columna. no se si sea porque mi monitor es de 25 pulgadas.

1
Martin Alejandro Rodriguez Hernandez
Martin Alejandro Rodriguez Hernandez
Estudiante

¿Como se podria hacer el ejercicio 2 con bootstrap 5?

1