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)


Learn Bootstrap

Learn Bootstrap 4 Fast
Bootstrap 4 textbook and toolkit

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 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