No img-responsive in Bootstrap 4
I just downloaded the source code for Bootstrap 4 alpha 2 and can't find the class img-responsive
in it. It exists in Bootstrap 3 source code and I can find it with Notepad++ but in Bootstrap 4s bootstrap.css
in dist
folder it doesn't exist.
What happend to it??
From the Bootstrap 4 documentation:
Images in Bootstrap are made responsive with .img-fluid. max-width: 100%; and height: auto; are applied to the image so that it scales with the parent element.
Bootstrap 3: .img-responsive
Bootstrap 4: .img-fluid
As in Bootstrap 4 Images:
Images in Bootstrap 4 are made responsive with .img-fluid. max-width: 100%; and height: auto; are applied to the image so that it scales with the parent element.
<img class="img-fluid" src="" alt=""> //This will make your image responsive
It seems you need to use a new class img-fluid instead of img-responsive if you are using Bootstrap 4 alpha 2. Have a look at : http://v4-alpha.getbootstrap.com/content/images/