css - 如何在 Bootstrap 轮播中裁剪大图像？

Question

如果分辨率超过轮播尺寸，如何在 Bootstrap 轮播中裁剪图像？

我已经尝试使用此 CSS，但它不会裁剪比 image2 和 image2 大一点的 image1。

.carousel{width:640px; height:360px;}

DEMO: jsbin.com/hux/1

我希望 image1 像这样裁剪:

DEMO: jsbin.com/hux/1

Answer 1

将 overflow:hidden 添加到轮播类中

.carousel {溢出:隐藏}