在為圖片添加說明文字的時候會在圖片滑動的最下面出現一個黑色透明的邊框，隨著內容的增加，高度會擴大。

<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">

? ? ? ? ? <ol class="carousel-indicators">

? ? ? ? ? ? ? ? <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>

? ? ? ? ? ? ? ? <li data-target="#carousel-example-generic" data-slide-to="1"></li>

? ? ? ? ? ? ? ? <li data-target="#carousel-example-generic" data-slide-to="2"></li>

? ? ? ? ? </ol>

? ? ? ? ? <!-- Carousel items -->

? ? ? ? ? <div class="carousel-inner" role="listbox">

? ? ? ? ? ? ? ? <div class="active item">

? ? ? ? ? ? ? ? <img src="./img/spot4.jpg">?

? ? ? ? ? ? ? ? </div>

? ? ? ? ? ? ? ? <div class="item">

? ? ? ? ? ? ? ? <img src="./img/spot2.jpg">

? ? ? ? ? ? ? ? </div>

? ? ? ? ? ? ? ? <div class="item">

? ? ? ? ? ? ? ? <img src="./img/spot3.jpg">

? ? ? ? ? ? ? ? </div>

? ? ? ? ? </div>

? ? ? ? ? <!-- Carousel nav -->

? ? ? ? ? ? ? ? <a class="carousel-control left" href="#carousel-example-generic" data-slide="prev">&lsaquo;</a>

? ? ? ? ? ? ? ? <a class="carousel-control right" href="#carousel-example-generic" data-slide="next">&rsaquo;</a>

? ? ? ? </div>