<style>

body{

padding-top: 50px;

}

.carousel{

height: 500px;

background-color: :#000;

}

.carousel .item{

height: 500px;

background-color: #000;

}

.carousel img{

height: 500px;

width: 100%;

}

</style>

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

<!--小點點導(dǎo)航-->

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

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

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

</ol>

<!--輪播組件的內(nèi)容-->

<div class="carousel-innner">

<div class="item active">

<img src="img/chrome-big.jpg"/>

<div class="carousel-caption">

<h1>chrome</h1>

? ? ? ? ? ? ? <p>chrome,又稱谷歌瀏覽器。Chrome 可將您在計算機上打開的標(biāo)簽頁、保存的書簽和最近搜索過的內(nèi)容同步到手機或平板電腦上，反之亦然。這意味著您可將自己在 Chrome 中的內(nèi)容和設(shè)置同步到所有的設(shè)備上。只需登錄您的其他設(shè)備即可開始同步。</p>

? ? ? ? ? ? ? <p><a class="btn btn-lg btn-primary" role="button" target="_blank">點我下載</a></p>

? ? ? ? ? ? ? </div>

</div>

<div class="item">

<img />

<div class="carousel-caption">

</div>

</div>

<div class="item">

<img />

<div class="carousel-caption">

</div>

</div>

<div class="item">

<img />

<div class="carousel-caption">

</div>

</div>

<div class="item">

<img />

<div class="carousel-caption">

</div>

</div>

</div>

<!--輪播組件向左向右的按鈕-->

<a class="carousel-control left" href="#carousel-example-generic" data-slide="prev">

<span class="glyphicon glyphicon-chevron-left" ></span>

<span class="sr-only">上一頁</span>

</a>

<a class="carousel-control right" href="#carousel-example-generic" data-slide="next">

<span class="glyphicon glyphicon-chevron-right" ></span>

<span class="sr-only">下一頁</span>

</a>

</div>