Make Bootstrap Carousel navigation show only on hover

Question

I was using Bootstrap's Carousel, found here. It's a great script, unfortunately, I'd like for it to be able for the navigation arrows to go away and only appear on hover. Is this possible and how would I would go about implementing that?

Thanks for all help!

Answer 1

You just need a little bit of CSS

.carousel .carousel-control { visibility: hidden; } .carousel:hover .carousel-control { visibility: visible; } 

Demo (jsfiddle)