Skip to content

Commit

Permalink
Merge pull request #846 from purwandi/2.0-wip
Browse files Browse the repository at this point in the history 
Fix id tabs on docs component
  • Loading branch information
@fat
fat committed Dec 23, 2011
2 parents ea23461 + 3aba68f commit 4be29ab
Showing 1 changed file with 20 additions and 20 deletions.
40 changes: 20 additions & 20 deletions docs/components.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -358,20 +358,20 @@ <h3>Tabbable tabs</h3>
<div class="span4">
<div class="tabbable tabs-left">
<ul class="tabs">
<li class="active"><a href="#4" data-toggle="tab">Section 1</a></li>
<li><a href="#5" data-toggle="tab">Section 2</a></li>
<li><a href="#6" data-toggle="tab">Section 3</a></li>
<li class="active"><a href="#5" data-toggle="tab">Section 1</a></li>
<li><a href="#6" data-toggle="tab">Section 2</a></li>
<li><a href="#7" data-toggle="tab">Section 3</a></li>
</ul>
<div class="tab-content" id="myTabContent2">
<div class="tab-pane active" id="4">
<div class="tab-pane active" id="5">
<h4>Section 1</h4>
<p>Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Maecenas sed diam eget risus varius blandit sit amet non magna. Vestibulum id ligula porta felis euismod semper.</p>
</div>
<div class="tab-pane" id="5">
<div class="tab-pane" id="6">
<h4>Section 2</h4>
<p>Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Maecenas sed diam eget risus varius blandit sit amet non magna. Vestibulum id ligula porta felis euismod semper.</p>
</div>
<div class="tab-pane" id="6">
<div class="tab-pane" id="7">
<h4>Section 3</h4>
<p>Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Maecenas sed diam eget risus varius blandit sit amet non magna. Vestibulum id ligula porta felis euismod semper.</p>
</div>
Expand All @@ -381,20 +381,20 @@ <h4>Section 3</h4>
<div class="span4 offset1">
<div class="tabbable tabs-right">
<ul class="tabs">
<li class="active"><a href="#7" data-toggle="tab">Section 1</a></li>
<li><a href="#8" data-toggle="tab">Section 2</a></li>
<li><a href="#9" data-toggle="tab">Section 3</a></li>
<li class="active"><a href="#8" data-toggle="tab">Section 1</a></li>
<li><a href="#9" data-toggle="tab">Section 2</a></li>
<li><a href="#10" data-toggle="tab">Section 3</a></li>
</ul>
<div class="tab-content" id="myTabContent3">
<div class="tab-pane active" id="7">
<div class="tab-pane active" id="8">
<h4>Section 1</h4>
<p>Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Maecenas sed diam eget risus varius blandit sit amet non magna. Vestibulum id ligula porta felis euismod semper.</p>
</div>
<div class="tab-pane" id="8">
<div class="tab-pane" id="9">
<h4>Section 2</h4>
<p>Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Maecenas sed diam eget risus varius blandit sit amet non magna. Vestibulum id ligula porta felis euismod semper.</p>
</div>
<div class="tab-pane" id="9">
<div class="tab-pane" id="10">
<h4>Section 3</h4>
<p>Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Maecenas sed diam eget risus varius blandit sit amet non magna. Vestibulum id ligula porta felis euismod semper.</p>
</div>
Expand All @@ -405,24 +405,24 @@ <h4>Section 3</h4>

<div class="tabbable tabs-bottom">
<div class="tab-content">
<div class="tab-pane active" id="10">
<div class="tab-pane active" id="11">
<p>Oh hai #1!</p>
</div>
<div class="tab-pane" id="11">
<div class="tab-pane" id="12">
<p>Oh hai #2!</p>
</div>
<div class="tab-pane" id="12">
<div class="tab-pane" id="13">
<p>Oh hai #3!</p>
</div>
<div class="tab-pane" id="13">
<div class="tab-pane" id="14">
<p>Oh hai #4!</p>
</div>
</div>
<ul class="tabs">
<li class="active"><a href="#10" data-toggle="tab">Section 1</a></li>
<li><a href="#11" data-toggle="tab">Section 2</a></li>
<li><a href="#12" data-toggle="tab">Section 3</a></li>
<li><a href="#13" data-toggle="tab">Section 4</a></li>
<li class="active"><a href="#11" data-toggle="tab">Section 1</a></li>
<li><a href="#12" data-toggle="tab">Section 2</a></li>
<li><a href="#13" data-toggle="tab">Section 3</a></li>
<li><a href="#14" data-toggle="tab">Section 4</a></li>
</ul>
</div>

Expand Down

0 comments on commit 4be29ab

Please sign in to comment.