Regarde ça: http://www.consultacultura.it/portale_comunale_della_cultura.asp?IDcomune=1

Les images de carrousel ne sont pas réactives comme les images en dessous. Ils ont la même classe img-fluid.

9
Sergio 16 janv. 2017 à 18:12

2 réponses

Meilleure réponse

Il s'agit d'un problème connu dans Bootstrap 4 Alpha 6 ...

https://github.com/twbs/bootstrap/issues/21611

Comme solution de contournement , vous pouvez utiliser ..

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
  display: block;
}

http://www.codeply.com/go/0QUU06MiIL

10
Zim 22 févr. 2017 à 13:38

Pour moi, cette solution de contournement ne fonctionnait pas à la fois pour les ordinateurs de bureau et les mobiles. J'ai ajusté un peu la solution de contournement proposée pour la rendre -orientation- sensible.

@media (orientation: portrait) { 
    .carousel-item.active,
    .carousel-item-next,
    .carousel-item-prev {
        display: block;
        width:100%;
        height:auto;
    }
}

@media (orientation: landscape) { 
    .carousel-item.active,
    .carousel-item-next,
    .carousel-item-prev {
        display: block;
        width:100%;
        height:96vh;
    }
}
2
zx485 4 mars 2017 à 09:51