Twitter Bootstrap：具有轮播图片的完整宽度和高度 [英] Twitter Bootstrap: Have carousel images full width and height

问题描述

这似乎是一个琐碎的问题，但是在他们的示例中摆弄了Twitter Bootstrap轮播几个小时后（ http://twitter.github.io/bootstrap/examples/carousel.html ）我求助于SO。

this seems as a trivial question but after a couple of hours fiddling with the Twitter Bootstrap carousel in their example (http://twitter.github.io/bootstrap/examples/carousel.html) I resort to SO for some help.

I希望轮播显示完整宽度（如现在），但不显示裁剪高度。我尝试在不同容器中将最小高度，高度等设置为100％，但没有结果。任何2美分？

I want the carousel to display the full width (as now) but not with a cropped height. I have tried setting min-height, height etc. to 100% in different containers but with no result. Any two cents?

推荐答案

对于Bootstrap 3，您所需要做的就是：

For Bootstrap 3, all you need is:

.carousel img {
    min-width: 100%;
}

这篇关于Twitter Bootstrap：具有轮播图片的完整宽度和高度的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！