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é ??
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.
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
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/
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