Carousel bootstrap c fade-эффектом

Здравствуйте! Нашел в сети только один пример нормально работающей bootstrap карусели с эффектом fade. Автор предлагает решить его с помощью css-файла следующего содержания:

/* Fade Slider CSS */
.carousel .item {
  -webkit-transition: 0.7s ease-in-out opacity;
  -moz-transition: 0.7s ease-in-out opacity;
  -o-transition: 0.7s ease-in-out opacity;
  transition: 0.7s ease-in-out opacity;
  left: 0 !important;
}
.carousel .next.left,
.carousel .prev.right {
  opacity: 1;
  z-index: 1;
}
.carousel .active.left,
.carousel .active.right {
  opacity: 0;
  z-index: 2;
}      
.carousel .carousel-control {
  z-index: 1000;
  outline:none;
}

Ссылка на страницу с решением Пример работает верно. Но автор, насколько я понял, внес какие-то правки в bootstrap файлы. Об этом он сам не сообщает. Пример работает только с его файлом bootstrap.min.css.

В остальных найденных решениях, анимация включает "слепой" белый кадр, то есть в какой-то момент на экране присутствует только один кадр с прозрачностью (opacity) менее 1.

Не подскажет ли кто правильное решение с прозрачным исходным кодом. Спасибо. С уважением, Николай