您可以通過以下兩種方式啟用標(biāo)簽頁：

為武寧等地區(qū)用戶提供了全套網(wǎng)頁設(shè)計(jì)制作服務(wù)，及武寧網(wǎng)站建設(shè)行業(yè)解決方案。主營業(yè)務(wù)為成都網(wǎng)站設(shè)計(jì)、做網(wǎng)站、成都外貿(mào)網(wǎng)站建設(shè)公司、武寧網(wǎng)站設(shè)計(jì)，以傳統(tǒng)方式定制建設(shè)網(wǎng)站，并提供域名空間備案等一條龍服務(wù)，秉承以專業(yè)、用心的態(tài)度為用戶提供真誠的服務(wù)。我們深信只要達(dá)到每一位用戶的要求，就會(huì)得到認(rèn)可，從而選擇與我們長期合作。這樣，我們也可以走得更遠(yuǎn)！

1、通過 data 屬性：您需要添加 data-toggle="tab" 或 data-toggle="pill" 到錨文本鏈接中添加 nav 和 nav-tabs 類到 ul 中，將會(huì)應(yīng)用 Bootstrap 標(biāo)簽樣式，添加 nav 和 nav-pills 類到 ul 中，將會(huì)應(yīng)用 Bootstrap 膠囊式樣式。

 
 
Home
 
 
... 
 
 

2、通過 JavaScript：您可以使用 Javscript 來啟用標(biāo)簽頁，如下所示：

$('#myTab a').click(function (e) { e.preventDefault() $(this).tab('show')}) 

3、如果需要為標(biāo)簽頁設(shè)置淡入淡出效果，請?zhí)砑?.fade 到每個(gè) .tab-pane 后面。第一個(gè)標(biāo)簽頁必須添加 .in 類，以便淡入顯示初始內(nèi)容

 
 
...
 
 
...
 
 
...
 
 
...
 

html代碼

 
  
 
  
 
   
 
     W3Cschool Home  
   
 
   
 
    iOS 
   
 
   
 
    Java   
    
 
     
 
      jmeter 
     
 
     
 
      ejb 
     
 
    
 
   
 
  
 
  
 
   
 
    
 
     W3CschooolW3Cschool教程是一個(gè)提供最新的web技術(shù)站點(diǎn)，本站免費(fèi)提供了建站相關(guān)的技術(shù)文檔，幫助廣大web技術(shù)愛好者快速入門并建立自己的網(wǎng)站。菜鳥先飛早入行——從W3Cschool開始。 
    
 
   
 
   
 
    
 
     iOS 是一個(gè)由蘋果公司開發(fā)和發(fā)布的手機(jī)操作系統(tǒng)。最初是于 2007 年首次發(fā)布 iPhone、iPod Touch 和 Apple 
     TV。iOS 派生自 OS X，它們共享 Darwin 基礎(chǔ)。OS X 操作系統(tǒng)是用在蘋果電腦上，iOS 是蘋果的移動(dòng)版本。 
    
 
   
 
   
 
    
 
     jMeter 是一款開源的測試軟件。它是 100% 純 Java 應(yīng)用程序，用于負(fù)載和性能測試。 
    
 
   
 
   
 
    
 
     Enterprise Java Beans（EJB）是一個(gè)創(chuàng)建高度可擴(kuò)展性和強(qiáng)大企業(yè)級(jí)應(yīng)用程序的開發(fā)架構(gòu)，部署在兼容應(yīng)用程序服務(wù)器（比如 JBOSS、Web Logic 等）的 J2EE 上。 
    
 
   
 
  
 
  
 
  
  
  

效果圖

參考地址：http://www.w3cschool.cn/bootstrap/bootstrap-tab-plugin.html

如果大家還想深入學(xué)習(xí)，可以點(diǎn)擊這里進(jìn)行學(xué)習(xí)，再為大家附兩個(gè)精彩的專題：Bootstrap學(xué)習(xí)教程 Bootstrap實(shí)戰(zhàn)教程 Bootstrap Table使用教程

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持創(chuàng)新互聯(lián)。