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

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