#16 Carousel – Cómo hacer un Slideshow – Curso completo de Bootstrap 4! 2017 desde cero

Video is ready, Click Here to View ×


En este tutorial te explico cómo hacer un Slideshow con Bootstrap 4!
Utilizaremos el componente más popular de Bootstrap, además de realizar algunas configuraciones para que nuestro carousel tenga una dimensión del 100% del ancho y detecte el alto automáticamente.

Finalmente te comento que este Slider es responsive (se adapta a diferentes dispositivos) y está ocupando Html5 y Css3 entre otras configuraciones.

No olvides suscribirte a este hermoso canal y destruirme en los comentarios 🙂

También puedes seguirme en Facebook:

Finalmente visita mi sitio web:

20 Comments on “#16 Carousel – Cómo hacer un Slideshow – Curso completo de Bootstrap 4! 2017 desde cero”

  1. Hola bro, muy bueno tu video pero me surge un problema, no cambia de imagen mi slider, no se si sea por alguna alteración en el código que en estas fechas, podrías ayudarme?

  2. Se que ya ha pasado un tiempo desde que subiste este tutorial, pero tengo la duda si puedo hacer un navbar dentro del carousel, lo he intentado hacer ambas dentro de un container-fluid pero el carousel no utiliza la pantalla completa(100vh) habrá alguna posibilidad de que me ayudes o puedas resolver mi duda?

  3. excelente amigo eres genial!… quiero agregarle un <header> desde css … como puedo superponer un header sin afectar el lo que ya esta establecido en cuanto al tamaño?… intente darle un encabezado pero como las imagenes tienen un height: 100vh; me sale un scroll y se ve horrible amigo ayudame

  4. Saludos desde Venezuela. Muy buenos tus videos. Necesito ayuda. Quiero hacer 2 slides diferentes en una misma pagina. Que valor debo modificar en las lineas de código para que no me cree conflicto? Gracias desde ya!!

  5. Saludo necesito hacer un carusel en el que se vean 4 imagenes simultaneamente en pantallas de escritorio y que se redusca de tamaño conforme a la pantalla del dispositivo se menor! me podrias ayudar?

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.