Twitter Bootstrap Carousel Crossfade

Use o seguinte snippet MENOS nos estilos do seu site para substituir o comportamento de slide padrão do carrossel do Bootstrap para criar um crossfade. Eu vi outros exemplos no SO para fazer isso, mas todos eles tiveram problemas com versões atualizadas do Bootstrap ou com componentes como chamar .slider (índice) para “deslizar” para um item específico.

.carousel {
  .item {
    .transition(.7s ease-in-out opacity);
    left: 0 !important;
  }
  .next.left, .prev.right {
    opacity: 1;
    z-index: 1;
  }
  .active.left, .active.right {
    opacity: 0;
    z-index: 2;
  }
}

Você pode ver isso em ação em https://us.pycon.org/2013/ no carrossel do patrocinador.

Respostas relacionadas:

Alterar o ponto de interrupção do Bootstrap NavBar