Bootstrap carousel - 如何仅增加高度

Question

我有一个带有bootstrap carousel的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%;以切断双方的图像。