Bootstrap 4 carrousel images non sensibles

Question

Regardez ceci: http://www.consultacultura.it/portale_comunale_della_cultura.asp?IDcomune=1

Les images du carrousel ne sont pas réactives comme les images sous-jacentes. Ils ont la même classe img-fluid.

Answer 1

Ceci est un problème connu dans Bootstrap 4 Alpha 6 ...

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

En tant quesolution de contournementvous pouvez utiliser ..

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

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

Answer 2

Pour moi, cette solution de contournement ne fonctionnait pas pour les deux ordinateurs de bureau et mobiles. J'ai légèrement ajusté la solution de contournement proposée pour la rendre plus sensible à l'orientation.

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