Bootstrap Header Examples

Stay Updated

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


Featured Templates


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 have too many items (and subitems) in the left menu - but the scrollbar doesnt appear. How to fix it? Thanks!
Vertical Affix Menu [CSS only]

close side toggle with click on anywhere main page
Bootstrap V4 Side Toggle and Fixed Top Menu (Responsive)

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