New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Why are responsive images opt-in? #18178

Closed
peiche opened this Issue Nov 5, 2015 · 1 comment

Comments

Projects
None yet
2 participants
@peiche
Copy link

peiche commented Nov 5, 2015

It seems strange to me that Bootstrap, being responsive and mobile-first, requires an additional class for any image to behave responsively. The docs state that you must manually disable responsiveness, but conversely, you must add a class to images to enable, not disable, responsive behavior.

Obviously your choices are your choices, and I'm not looking to reverse that. I would just like to know the reasoning behind this decision, and I'm unable to find a past issue that might address this.

@cvrebert cvrebert added the css label Nov 5, 2015

@cvrebert

This comment has been minimized.

Copy link
Member

cvrebert commented Nov 5, 2015

See the comments and linked issues at the bottom of 09cdee2.

The summary is that it breaks a ton of unsuspecting third-party widgets (including Google Maps), which understandably don't anticipate the images within them being forcibly resized to other widths. This is why we rolled back Bootstrap v2's "images are responsive by default" approach in Bootstrap v3 in favor of an explicit .img-responsive class.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment