Bootstrap: Carousel Responsive Issue In Chrome

Created on 11 Feb 2017 · 7Comments · Source: twbs/bootstrap

Hello there,

I have created a Carousel and when responsive in Chrome it squashes the image rather than scale down. Does anyone else have this issue? This is happening on all my desktop devices in Chrome.

Here is an image to highlight it.

http://imgur.com/a/5lOr8

This is also happening on BS4 doc Carousel page:

https://v4-alpha.getbootstrap.com/components/carousel/#options

Cheers

css has-pr v4

Source

benjaminthedev

👍2

Most helpful comment

Same as #21611 I think.

josmaissan on 12 Feb 2017

👍2

All 7 comments

Same as #21611 I think.

josmaissan on 12 Feb 2017

👍2

Yes thanks it is and you have helped me. Thanks so much. This should be fixed tho right??

benjaminthedev on 12 Feb 2017

This should be fixed tho right??

I hope they fix. In my opinion they should, but it's not added to milestone v4.0.0-beta yet...
I have just added an example on JSFiddle too, in case they want that.

josmaissan on 12 Feb 2017

Wicked, yeah they should at some point do that. What is the link to the fiddle if you do not mind me asking? Cheers.

benjaminthedev on 13 Feb 2017

👍1

It's in my last post at #21611 ofcourse, but is: https://jsfiddle.net/josmaissan/5jsonocq/15/

josmaissan on 13 Feb 2017

24 Feb 17
Confirm the carousel "image squashing" is still an issue, on Chrome Version 56.0.2924.87 (Windows 7)
Carousel worked fine in A5.

To demo:
1) Go to URL:
https://v4-alpha.getbootstrap.com/components/carousel/
2) Narrow the viewport
3) Observe the image crush. Images do not resize.