Bootstrap tab-pane style

tab

UK[tæb] 美[tæb]

n.Bill; (can) pull tab; label, tabulation

vt.<口>Monitor; label; install with a pendant

abbr.(=Technical Assistance Board (of the United Nations)) (United Nations) Technical Assistance Board

pane

英[peɪn] 美[pen]

n.pane; square frame; window glass; panel

vt. Window glass is made of; panel is made of; small pieces of dyed cloth are used to make (clothes)

Bootstrap tab-pane style syntax

Function: Used together with .tab-content and data-toggle="tab" (data-toggle="pill") to set the content corresponding to the tab page to change as the tab is switched

Bootstrap tab-pane style example

        
  
 
动态标签
 
提示: 与 .tab-pane 和 data-toggle="tab" (data-toggle="pill" ) 一同使用, 设置标签页对应的内容随标签的切换而更改。
 
 
首页
 
菜单 1
 
菜单 2
 
菜单 3
 
 
 
 
首页
 
菜鸟教程 —— 学的不仅是技术，更是梦想！！！
 
 
 
菜单 1
 
这是菜单 1 显示的内容。这是菜单 1 显示的内容。这是菜单 1 显示的内容。
 
 
 
菜单 2
 
这是菜单 2 显示的内容。这是菜单 2 显示的内容。这是菜单 2 显示的内容。
 
 
 
菜单 3
 
这是菜单 3 显示的内容。这是菜单 3 显示的内容。这是菜单 3 显示的内容。