From ff91b233eb51da94451114f45e276ba325f67479 Mon Sep 17 00:00:00 2001
From: Mark Otto You can activate a tab or pill navigation without writing any javascript by simply specifying Markup
data-toggle="tab"
or data-toggle="pill"
on an element.
-<ul class="tabs">
+<ul class="nav nav-tabs">
<li><a href="#home" data-toggle="tab">Home</a></li>
<li><a href="#profile" data-toggle="tab">Profile</a></li>
<li><a href="#messages" data-toggle="tab">Messages</a></li>
@@ -636,7 +636,7 @@ $('#myModal').on('hidden', function () {
Activates a tab element and content container. Tab should have either a `data-target` or an `href` targeting a container node in the dom.
-<ul class="tabs"> +<ul class="nav nav-tabs"> <li class="active"><a href="#home">Home</a></li> <li><a href="#profile">Profile</a></li> <li><a href="#messages">Messages</a></li> diff --git a/docs/templates/pages/javascript.mustache b/docs/templates/pages/javascript.mustache index 9850335c4b..0064612908 100644 --- a/docs/templates/pages/javascript.mustache +++ b/docs/templates/pages/javascript.mustache @@ -548,7 +548,7 @@ $('#myModal').on('hidden', function () {{{_i}}Markup{{/i}}
{{_i}}You can activate a tab or pill navigation without writing any javascript by simply specifying
data-toggle="tab"
ordata-toggle="pill"
on an element.{{/i}}-<ul class="tabs"> +<ul class="nav nav-tabs"> <li><a href="#home" data-toggle="tab">{{_i}}Home{{/i}}</a></li> <li><a href="#profile" data-toggle="tab">{{_i}}Profile{{/i}}</a></li> <li><a href="#messages" data-toggle="tab">{{_i}}Messages{{/i}}</a></li> @@ -560,7 +560,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="tabs"> +<ul class="nav nav-tabs"> <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>