twitter-bootstrap - Twitter Bootstrap : Have carousel images full width and height

标签 twitter-bootstrap carousel

这似乎是一个微不足道的问题,但在他们的示例(http://twitter.github.io/bootstrap/examples/carousel.html)中摆弄 Twitter Bootstrap 轮播几个小时后,我求助于 SO 寻求帮助。

我希望轮播显示全宽(就像现在一样),但不是裁剪高度。我尝试在不同的容器中将最小高度、高度等设置为 100%,但没有结果。有两分钱吗?

最佳答案

对于 Bootstrap 3,您只需要:

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

关于twitter-bootstrap - Twitter Bootstrap : Have carousel images full width and height,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16015869/

相关文章:

html - 响应图像缩小/不填充容器

javascript - 带缩略图 slider 的 FlexSlider 2 - 主图像的 Prev Next 不起作用

html - 如何解决网页字体问题

html - rails 4 : link_to broken in Bootstrap context

移动导航栏的javascript事件

html - 如何在 ngx-carousel 中使用文本框同时滚动/滑动图像?

css - 在 reactjs 中使用时,bootstrap carousel 不会在幻灯片之间切换

javascript - 轮播外的文本保持网站响应

javascript - 使用参数而不是 Rails 中的按钮触发 Bootstrap 模式

css - 调整窗口大小时边框重叠