1、選項(xiàng)頭
<ul class="nav nav-tabs">
<li>
<a href="#tab" data-toggle="tab">首頁</a>
</li>
...
</ul>
.nav .nav-tabs----指定為標(biāo)簽選項(xiàng)卡
data-toggle="tab"----指定為選項(xiàng)卡開關(guān)
href="#tab"-----指向選項(xiàng)卡所對(duì)應(yīng)的內(nèi)容
2、內(nèi)容
<div class="tab-content">
<div class="tab-pane" id="home">
<p>內(nèi)容1內(nèi)容1內(nèi)容1內(nèi)容1內(nèi)容1內(nèi)容1內(nèi)容1內(nèi)容1內(nèi)容1內(nèi)容1</p>
</div>
</div>
.tab-content----選項(xiàng)卡內(nèi)容
.tab-pane----選項(xiàng)卡方框
id="home"----為錨點(diǎn)
屬性：
fade---淡入淡出
active---激活狀態(tài)6
遠(yuǎn)近互聯(lián)前端小華整理發(fā)布，希望能對(duì)學(xué)習(xí)技術(shù)的你有所幫助
遠(yuǎn)近互聯(lián)專業(yè)提供網(wǎng)站建設(shè)、APP開發(fā)、網(wǎng)站優(yōu)化、外貿(mào)網(wǎng)站SEO、微信運(yùn)營的品牌整合營銷服務(wù)讓客戶通過網(wǎng)絡(luò)品牌建立與網(wǎng)絡(luò)傳播提高業(yè)績(jī)。
