<div id="carousel1" class="carousel slide">
<div class="carousel-inner">
<div class="item active">

<div class="carousel-caption">
<h4>標(biāo)題一</h4>
<p>內(nèi)容描述一</p>
</div>
</div>
<div class="item">

<div class="carousel-caption">
<h4>標(biāo)題二</h4>
<p>內(nèi)容描述二</p>
</div>
</div>
<div class="item">

<div class="carousel-caption">
<h4>標(biāo)題三</h4>
<p>內(nèi)容描述三</p>
</div>
</div>
<div class="item">

<div class="carousel-caption">
<h4>標(biāo)題四</h4>
<p>內(nèi)容描述四</p>
</div>
</div>
</div>
<a href="#carousel1" data-slide="prev" class="left carousel-control"><</a>
<a href="#carousel1" data-slide="next" class="right carousel-control">></a>
</div>
div標(biāo)簽:包含carousel-inner類div標(biāo)簽和圖片切換控制按鈕a標(biāo)簽腻格。
-id屬性
-carousel類
-slide類:圖片切換動(dòng)畫效果
-div標(biāo)簽:包含所有圖片及其信息。
-----carousel-inner類
-----div標(biāo)簽:包含單個(gè)圖片及其描述信息岔擂。
---------item類:
---------active類:激活狀態(tài)虑凛,默認(rèn)顯示該圖片梅鹦。
---------div標(biāo)簽:
-------------carousel-caption類:包含圖片描述信息谬返,使圖片描述信息浮于圖片上方丧枪,并有半透明黑色背景光涂。
-a標(biāo)簽 :圖片切換控制按鈕
-----href屬性:含carousel類的父級(jí)div標(biāo)簽的id值
-----data-slide屬性:prev,向左切換圖片;next拧烦,向右切換圖片忘闻。
-----left類:向左切換圖片
-----right類:向右切換圖片
-----carousel-control類
可以按左右切換按鈕,切換圖片恋博。不按按鈕時(shí)齐佳,也可以每隔若干秒,自動(dòng)切換圖片债沮。
旋轉(zhuǎn)木馬圖片輪播