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)


Considering A New Car?

You should consider a Tesla. Get 6 Months Free Supercharging.

Tesla Referral Code

Recent Comments

This carousel is great, thank you. Is there an easy way to add left and right arrows on each side of the slideshow?I have the below code from a different slideshow, not sure if I can easily add it in: <div> <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev"> <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span> <span class="sr-only">Previous</span> </a> <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next"> <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span> <span class="sr-only">Next</span> </a> </div>
Responsive bs-carousel with hero headers

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]

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