Stay Updated
Subscribe to Bootsnipp newsletter. (only important updates will be sent, your email is never shared or sold to anyone else)
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
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
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
Note, my problem was exactly as described by @Mona288
Responsive bs-carousel with hero headers
This only works using bootstrap.min.css before v3.3.0 (this snipp actually uses 3.2.0). I got it all working nicely using BS 3.7.0 with the following override:-@media all and (transform-3d),(-webkit-transform-3d) { .carousel-inner>.item { -webkit-perspective:none; perspective:none; } .carousel-inner>.item.active, .carousel-inner>.item.next.left, .carousel-inner>.item.prev.right { left:0; -webkit-transform:none; transform:none; }}
Responsive bs-carousel with hero headers
