jquery-ui - ブートストラップ カルーセル - 画像が小さすぎます

Question

Bootstrap とカルーセル プラグインを使用しています。これは私のコードです：

<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>

質問はここで答えられます

Answer 2

ブートストラップ 3 で、レスポンシブ クラスとセンター クラスを追加します。

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

これは重複した質問だと思います。