web-dev-qa-db-fra.com

Aucune img-responsive dans Bootstrap 4

Je viens de télécharger le code source pour Bootstrap 4 alpha 2 et ne trouve pas la classe img-responsive dedans. Il existe dans Bootstrap 3 code source et je peux le trouver avec Notepad ++ mais dans Bootstrap 4s bootstrap.css dans le dossier dist, il n’existe pas.

Que s'est-il passé ??

40
Vahid Amiri

De la documentation Bootstrap 4 :

Les images dans Bootstrap sont rendues sensibles à .img-fluid. Max-width: 100% et height: auto; sont appliquées à l'image de sorte qu'elle s'adapte à l'élément parent.

62
Boxiom

Bootstrap 3: "img-responsive"

Bootstrap 4: "img-fluid"

Comme dans Bootstrap 4 Images:

Les images dans Bootstrap 4 sont rendues sensibles à .img-fluid. Max-width: 100% et height: auto; sont appliquées à l'image de sorte qu'elle s'adapte à l'élément parent.

<img class="img-fluid" src="" alt=""> //This will make your image responsive

9
Tahir77667

Il semble que vous deviez utiliser une nouvelle classe img-fluid au lieu de img-responsive si vous utilisez Bootstrap 4 alpha 2. Consultez la page suivante: http: // v4- alpha.getbootstrap.com/content/images/

4
Arnab Chakraborty

Dans Bootstrap 4, vous pouvez utiliser class = "img-fluid".

Ceci est l'explication:

Les images dans Bootstrap sont rendues sensibles à .img-fluid. Max-width: 100% et height:> auto; sont appliquées à l'image de sorte qu'elle s'adapte à l'élément parent.

C'est le code comme suggéré: <img src="..." class="img-fluid" alt="Responsive image">

Utilisez img-fluid class au lieu de img-responsive

voir docs

1
Abdul Basit