jquery-ui - Bootstrap Carousel - 图像太小

Question

我正在使用 Bootstrap 和 carousel 插件。这是我的代码：

<div id="myCarousel" class="carousel slide">
                <div class="carousel-inner">
                    <div class="active item"><img src="img/tree.jpg"></img></div>
                </div>
                <!-- Carousel nav -->
                <a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a>
                <a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a>
</div>

但是图像显示太小。我想把它填满整个旋转木马。

这是一张图片（是的，图片比图片中显示的要大）：

Answer 1

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

The question is answered here

Answer 2

在 bootstrap 3 中添加 responsive 和 center 类：

  <img class="img-responsive center-block" src="img/....jpg" alt="First slide">

我相信这是一个重复的问题。