Bootstrap Carousel Examples

Stay Updated

Subscribe to Bootsnipp newsletter. (only important updates will be sent, your email is never shared or sold to anyone else)


Dan's Deals All Deals


Recent Comments

Same problem but when you remove the "overlay" DIV it works fine.Very new to CSS / HTML so not sure if there's a workaround for this.
Responsive bs-carousel with hero headers

how to add more sliders anyhelp please
Responsive bs-carousel with hero headers

I am a complete novice and my Carousel moves faster for some reason and all I did was copy and paste the code. How can I slow it down? Also, how would I go about adding left and right arrows to each end of the slide?
Responsive bs-carousel with hero headers

Thank you for appreciating my work :)
Animated Vertical Bootstrap Carousel on Mouse scroll and Swipe

Problem solved: I had to change the Overlay z-index to 0 to make it work.
Responsive bs-carousel with hero headers

Nevermind it has to be some kind of conflict on my code. When I didn't put an external link in the code for the DEMO, it worked fine. On my project, however, it is not working at all. <a href="services/fabrication-services.html" ><button class="btn btn-hero btn-lg" role="button"> Read More</button> </a> takes you nowhere. I don't even get a cursor when I hover over the button.
Responsive bs-carousel with hero headers

I can't seem to get the button to take me anywhere. I tried adding href tags around the text, around the button tags, etc. No go. I tried both within the Bootsnipp demo html code as well as on my own project.
Responsive bs-carousel with hero headers

you can tray change this classes: .fade-carousel { position: relative; height: "your height"; }.fade-carousel .carousel-inner .item { height: "your height"; }.fade-carousel .slides .slide-1, .fade-carousel .slides .slide-2, .fade-carousel .slides .slide-3 { height: "your height"; background-size: cover; background-position: center center; background-repeat: no-repeat; }
Responsive bs-carousel with hero headers

navigation is not working in mobile view. Any solutions
Mega menu slide down on hover with carousel

How can I adjust the height? I love this but I can't figure out how to make adjust it down a bit.
Responsive bs-carousel with hero headers