Сделать навигацию на Bootstrap Carousel только при наведении

Я использовал Bootstrap Carousel, нашел здесь. Это отличный script, к сожалению, я хотел бы, чтобы он мог стрелки навигации уходить и появляться только при наведении. Возможно ли это, и как бы я мог реализовать это?

Спасибо за помощь!

Ответы

Ответ 1

Вам просто нужно немного CSS

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

Демо (jsfiddle)

Ответ 2

Также приятно избавиться от этих надоедливых градиентов, что добавляет это:

.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;
}