bootstrap-tabdrop
NOTE: THIS IS A CUSTOM FIXED VERSION!!!!!!!!!!!!!!!!!!!!!!
- THE ORIGINAL HAS A MEMORY LEAK, SO WE'VE HAD TO EMBED THIS INTO THE CORE WITH THE FIX
--- UMBRACO CORE TEAM
A dropdown tab tool for @twitter bootstrap forked from Stefan Petre's (of eyecon.ro),
The dropdown tab appears when your tabs do not all fit in the same row.
Original site and examples: http://www.eyecon.ro/bootstrap-tabdrop/
Added functionality: Displays the text of an active tab selected from the dropdown list instead of the text option on the dropdown tab.
Requirements
Example
No additional HTML needed - the script adds it when the dropdown tab is needed.
Using bootstrap-tabdrop.js Call the tab drop via javascript on .nav-tabs and .nav-pills:
$('.nav-pills, .nav-tabs').tabdrop()
Options
text
Type: string Default: icon
<i class="icon-align-justify"></i>
To change the default value, call
.tabdrop({text: "your text here"});
when initalizing the tabdrop. The displayed value will change when a tab is selected from the dropdown list.
Methods
.tabdrop(options)
Initializes an tab drop.
.tabdrop('layout')
Checks if the tabs fit in one single row.