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>

问题已解答here

Answer 2

在bootstrap 3中添加响应和中心类：

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

我认为这是一个重复的问题。