在为图片添加说明文字的时候会在图片滑动的最下面出现一个黑色透明的边框，随着内容的增加，高度会扩大。

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