Bootstrap 4.0.0 Carrousel de fondu de transition

Il y a plusieurs questions posées sur Stackoverflow concernant Carrousel de fondu de transition, mais aucun d'entre eux semblent fonctionner sur un défaut 4.0.0 mise en œuvre:

<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
  <ol class="carousel-indicators">
    <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
    <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
    <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
  </ol>
  <div class="carousel-inner">
    <div class="carousel-item active">
      <img class="d-block w-100" src="..." alt="First slide">
    </div>
    <div class="carousel-item">
      <img class="d-block w-100" src="..." alt="Second slide">
    </div>
    <div class="carousel-item">
      <img class="d-block w-100" src="..." alt="Third slide">
    </div>
  </div>
  <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
    <span class="sr-only">Previous</span>
  </a>
  <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
    <span class="carousel-control-next-icon" aria-hidden="true"></span>
    <span class="sr-only">Next</span>
  </a>
</div>

Ne bootstrap changer la façon de transition carousel-item -s depuis l'Alpha.6 version? Comment peut-on aller sur la mise en œuvre de la transition fondu au lieu de glisser dans 4.0.0 ?

Pourquoi êtes-vous à l'aide de la bêta? la v4 a été libéré d'un certain temps.
Je l'ai essayé sur Alpha.6, Bêta et officielle de la version 4.0.0. Les implémentations que j'ai vu sur Stackoverflow ne fonctionne pas ni sur la bêta, ni officiel de la version 4.0.0.
Mon point est que vous n'allez pas obtenir beaucoup de soutien pour une version bêta lors de la finale a été publiée.
D'accord. Je vais changer la question
Il n'est plus une question au sujet de la version Bêta. J'ai vu que la mise en œuvre et il ne fonctionne pas sur 4.0.0

OriginalL'auteur astralmaster | 2018-02-07

  1. 14

    J'ai réouvert ce parce que la question a été modifié à partir de 4 version Beta et la version 4.0.0 (stable)...

    Bootstrap 4.0.0 Carrousel Fondu:

    https://www.codeply.com/go/LhLJlldsLN

    .carousel-fade .carousel-item {
 opacity: 0;
 transition-duration: .6s;
 transition-property: opacity;
}

.carousel-fade  .carousel-item.active,
.carousel-fade  .carousel-item-next.carousel-item-left,
.carousel-fade  .carousel-item-prev.carousel-item-right {
  opacity: 1;
}

.carousel-fade .active.carousel-item-left,
.carousel-fade  .active.carousel-item-right {
 opacity: 0;
}

.carousel-fade  .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade  .active.carousel-item-prev {
 transform: translateX(0);
 transform: translate3d(0, 0, 0);
}

    L'effet de fondu a été supprimé depuis le carrousel pendant la 4.0 Bêta et n'est également pas disponible dans 4.0.0. Cette pull request indique que l'effet de fondu sera de retour en 4.1 ou 4.2. Dans le même temps, le CSS ci-dessus va travailler pour 4.0.0

    Comment pourrais-je obtenir le WOW Slider VERRE PARALAX effet dans un Bootstrap 4 carrousel comme dans votre exemple?

    OriginalL'auteur Zim

  2. 7

    Dans le bootstrap 4, vous pouvez ajouter "carrousel-fade" classe comme ça.

    <div id="carouselExampleIndicators" class="carousel slide carousel-fade" data-ride="carousel"> 
....
</div>

    OriginalL'auteur ronaldtgi

  3. 0

    Doit être fixé dans le Bootstrap 4.1.

    https://blog.getbootstrap.com/2018/04/09/bootstrap-4-1/

    OriginalL'auteur Chris Go