Como hacer un slideshow con Bootstrap [Capitulo 32, Curso completo de Bootstrap]



https://i.ytimg.com/vi/LsN2jkLruKA/hqdefault.jpg



En este capitulo aprenderemos como crear un slideshow con bootstrap.

♦ Blog de diseño web:
http://www.falconmasters.com

♦ Necesitas ayuda con el tutorial? Únete a nuestra comunidad:
http://www.heroesdelaweb.com


♦ Sitio web de Bootstrap:
http://getbootstrap.com/


Redes Sociales:

♦ Twitter @falconmasters:

♦ Pagina de Facebook:
http://www.falconmasters.com

Original source


37 responses to “Como hacer un slideshow con Bootstrap [Capitulo 32, Curso completo de Bootstrap]”

  1. Ayuuuuuda lo creo, y le meto unos divs dentro con texto en vez de imagenes, y las flechitas me aparecen abajo alineadas ala izquierda , en chiquito.
    en el codigo los data-slide , data-target, y los aria-hidden me aparecen marcados como si no existieran como cuando escribis mal algo , ayudaa porfavooor .

  2. Buenos días Sr. Carlos Arturo, estoy intentando colocar este Carousel al resultado del curso "Como hacer un sitio Web con Boostrap", pero el Slider no se me centraliza, queda alineado hacia la izquierda. Me puedes dar alguna solución?

    Saludos,

  3. en una fila he puesto 6 columnas para dispositivos mediano el carousel y en el resto un navbar vertical, pero cuando achico la pantalla tengo bien configurado que se vayan disminutendo las columnas pero el div en altura se hace mas pequeño

  4. Muy buenas tardes, excelente video, pero tengo una consulta en mi carousel cuando pasa de una imagen a otra el carousel se expande hacia abajo, eso se debe a que la imagen es mas grande, como puedo acomodar esa parte..?

    gracias por la pronta respuesta
    Saludos

  5. Hola.
    Mi idea es construir una web portfolio y adaptarla a wordpress como theme.
    En cuanto a los carousels, no existe la función de que se pueda arrastrar con el ratón como si se hiciera en un dispositivo móvil con el dedo? Compré hace unos años (estoy retomando el tema de web por cierto) un slider para implementarlo en wordpress. Se pueden usar con bootstrap ?

  6. Muy buenas, excelentes vídeos, he aprendido muchísimo gracias a ti FalconMasters, ahora quisiera hacerte una consulta, cuando el slideshow se pone en formato xs o sm quisiera que ocupara todo el ancho del navegador, he intentado algunas cosas y no se como resolverlo, ayuda x favor…

  7. Saludos muy buenos tutos, les comento a todos los que tengan duda como yo, de como hacer que el carusel este estatico y solo avanze cuando se da click a los botones, encontre dos maneras:
    1) Es haciendo un scritp de javascript ¬¬ ya sea en el header o archivo js con el siguiente codigo:

    $(document).ready(function(){
    $("#carousel-1").carousel({interval:false});
    });

    2) La segunda opcion es un poco mas facil, es solo agregar el atributo "data-interval="false" en la misma etiqueta donde se pone el nombre al div con el ID, tambien con esa etiqueta pueden cambiar la velocidad del carusel: 300, 400, 500 etc;

    espero que alguien le seirva esta info.

Leave a Reply