css - Bootstrap旋转木马 - 如何只增加高度

Question

我有一个关于 boostrap 轮播的 CSS 问题

我只是想让它更高，我尝试了几个 css，但没有任何效果。代码在这个 jsFiddle，http://jsfiddle.net/Et4pc

<div id="myCarousel" class="carousel slide" style="width: 400px; margin: 0 auto">
  <div class="carousel-inner">
    <div class="item">
       ....
 </div>

Answer 1

您可以通过 CSS 设置轮播中图像的高度：

.carousel img {
    height: 500px;
}

这是更新的 jsFiddle：http: //jsfiddle.net/Et4pc/50/。但是，如果您想剪切侧面的图像，请尝试以下操作（这将剪切右侧的图像）：

.carousel {
    width: 400px;
}
.carousel img {
    height: 500px;
    width: auto;
    max-width: none;
}

这是更新的 jsFiddle：http: //jsfiddle.net/Et4pc/52/。尝试添加margin-left:-50%;以切断两侧的图像。