1、選項頭
<ul class="nav nav-tabs">
<li>
<a href="#tab" data-toggle="tab">首頁</a>
</li>
...
</ul>
.nav .nav-tabs----指定為標簽選項卡
data-toggle="tab"----指定為選項卡開關
href="#tab"-----指向選項卡所對應的內容
2、內容
<div class="tab-content">
<div class="tab-pane" id="home">
<p>內容1內容1內容1內容1內容1內容1內容1內容1內容1內容1</p>
</div>
</div>
.tab-content----選項卡內容
.tab-pane----選項卡方框
id="home"----為錨點
屬性:
fade---淡入淡出
active---激活狀態6
遠近互聯前端小華整理發布,希望能對學習技術的你有所幫助
遠近互聯專業提供網站建設、APP開發、網站優化、外貿網站SEO、微信運營的品牌整合營銷服務讓客戶通過網絡品牌建立與網絡傳播提高業績。






