Hacer que la navegación de Bootstrap se muestre solo en el control deslizante

Question

Estaba usando el Carrusel de Bootstrap, encontrado here. Es un gran script, desafortunadamente, me gustaría que las flechas de navegación desaparezcan y solo aparezcan al pasar el mouse. ¿Es esto posible y cómo podría implementarlo?

¡Gracias por toda ayuda!

Answer 1

Sólo se necesita un poco de CSS

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

Demo (jsfiddle)

Answer 2

Es también muy agradable para deshacerse de esos molestos gradientes, que la adición de esto también lo hace:

.carousel-control.left, .carousel-control.right { 
    background: none !important; 
    filter: progid: none !important; 
    outline: 0; 
} 
.carousel .carousel-control { 
    visibility: hidden; 
} 
.carousel:hover .carousel-control { 
    visibility: visible; 
}