From 2f06366399f1b0572b0dbcbadcf06df9e4867f2b Mon Sep 17 00:00:00 2001
From: Marcus Bointon {{_i}}Enable tabbable tabs via javascript:{{/i}} {{_i}}You can also activate a specific tab (or a pseudo-selected one) on init:{{/i}} {{_i}}You can activate a tab or pill navigation without writing any javascript by simply specifying {{_i}}You can activate a tab or pill navigation without writing any javascript by simply specifying
z-o4#zEsggaaBlvT?dbHGO>sGRCJ*#nIyGwo|N63JR`^EyetWE6RNhpCl^Ar#k+_Bd
zzzvZzCSKCPhO5FdIT#4!Hfi@a{hObwkr@n)7rp;TcwDthY)(rLyWnTHmy{PNk1&+F
zan{d?p6_(4Iqvtl1=e6!b91+byhl{`5|Gf`YinzT;Gu4UP>C0)6}}h&+y@`X3Qfso
zukSxP`DkoMi>%!r!eG0}-((^&^xbcV)cL&78&NXS9RU*nf2{V
zlD+_-bbCTwcIsgScF1Y*^*RKm839{Cu+~(sEG8~JC@#NUybmP(C3{=hABwTAAHAkr
zOy~qw9WM-F2mBSV-IBG*lp&JO5w8rUV}B+Q4z;nmdCOy;+&gzdZDNb2p5Kx01`l0n
ziJI(6!ETv$ra21BqAbB~rx(nb9{9G7Gf`|nQfE8D&?F>8IpL&*CYo+ya7zY4VDV
zsD1MKkqSbmysw@q$xt1wU~{NLrVMp9eqPjYct;2up=^d#fF2*>{zjcW7j2!caOB%!
z#h1PI8XA>b1zAvqbGqozoTi;
{{_i}}Using bootstrap-tab.js{{/i}}
$('#myTab').tab('show')
+
+$('#myTab a[href="#profile"]').tab('show');
+$('#myTab a:last').tab('show');
+
{{_i}}Markup{{/i}}
- data-toggle="tab"
or data-toggle="pill"
on an element.{{/i}}data-toggle="tab"
or data-toggle="pill"
on an element. Adding the nav
and nav-tabs
classes to the tab ul
will apply the bootstrap tab styling.{{/i}}
<ul class="nav nav-tabs">
<li><a href="#home" data-toggle="tab">{{_i}}Home{{/i}}</a></li>
@@ -577,7 +582,7 @@ $('#myModal').on('hidden', function () {
{{_i}}Activates a tab element and content container. Tab should have either a `data-target` or an `href` targeting a container node in the dom.{{/i}}
-<ul class="nav nav-tabs"> +<ul class="nav nav-tabs" id="myTab"> <li class="active"><a href="#home">{{_i}}Home{{/i}}</a></li> <li><a href="#profile">{{_i}}Profile{{/i}}</a></li> <li><a href="#messages">{{_i}}Messages{{/i}}</a></li> @@ -593,7 +598,7 @@ $('#myModal').on('hidden', function () { <script> $(function () { - $('.tabs a:last').tab('show') + $('#myTab a:last').tab('show') }) </script>
- {{_i}}For performance reasons, the Tooltip and Popover data-apis are opt in. If you would like to use them just specify a the selector option.{{/i}} + {{_i}}For performance reasons, the Tooltip and Popover data-apis are opt in. If you would like to use them just specify a selector option.{{/i}}