css - Bootstrap 轮播 - 如何只增加高度

Question

我在使用 boostrap 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%; 来切断两边的图像。