Bootstrap carousel - 如何仅增加高度

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%;以切断两侧的图像.