github/bootstrap
1
1
Fork 0
mirror of https://github.com/jasny/bootstrap.git synced 2026-01-21 04:17:53 -05:00
Code Issues Packages Projects Releases Wiki Activity

Fixed docs: bordered tabbable

Browse Source
This commit is contained in:
Arnold Daniels
2012-10-16 15:02:12 +02:00
parent 741b613a86
commit cf5ac2d729
2 changed files with 12 additions and 78 deletions
Download Patch File Download Diff File Expand all files Collapse all files

45
docs/components.html
View File

@@ -1005,39 +1005,6 @@
...
</div>
</div>
</pre>
<h4>Tabs on the right</h4>
<p>Swap the class to put tabs on the right.</p>
<div class="bs-docs-example">
<div class="tabbable tabs-right">
<ul class="nav nav-tabs">
<li class="active"><a href="#rA" data-toggle="tab">Section 1</a></li>
<li><a href="#rB" data-toggle="tab">Section 2</a></li>
<li><a href="#rC" data-toggle="tab">Section 3</a></li>
</ul>
<div class="tab-content">
<div class="tab-pane active" id="rA">
<p>I'm in Section A.</p>
</div>
<div class="tab-pane" id="rB">
<p>Howdy, I'm in Section B.</p>
</div>
<div class="tab-pane" id="rC">
<p>What up girl, this is Section C.</p>
</div>
</div>
</div> <!-- /tabbable -->
</div>
<pre class="prettyprint linenums">
&lt;div class="tabbable tabs-right"&gt;
&lt;ul class="nav nav-tabs"&gt;
...
&lt;/ul&gt;
&lt;div class="tab-content"&gt;
...
&lt;/div&gt;
&lt;/div&gt;
</pre>
<h4>Bordered tabbable</h4>
@@ -1045,18 +1012,18 @@
<div class="bs-docs-example">
<div class="tabbable tabbable-bordered">
<ul class="nav nav-tabs">
<li class="active"><a href="#rA" data-toggle="tab">Section 1</a></li>
<li><a href="#rB" data-toggle="tab">Section 2</a></li>
<li><a href="#rC" data-toggle="tab">Section 3</a></li>
<li class="active"><a href="#xA" data-toggle="tab">Section 1</a></li>
<li><a href="#xB" data-toggle="tab">Section 2</a></li>
<li><a href="#xC" data-toggle="tab">Section 3</a></li>
</ul>
<div class="tab-content">
<div class="tab-pane active" id="rA">
<div class="tab-pane active" id="xA">
<p>I'm in Section A.</p>
</div>
<div class="tab-pane" id="rB">
<div class="tab-pane" id="xB">
<p>Howdy, I'm in Section B.</p>
</div>
<div class="tab-pane" id="rC">
<div class="tab-pane" id="xC">
<p>What up girl, this is Section C.</p>
</div>
</div>

45
docs/templates/pages/components.mustache vendored
View File

@@ -924,39 +924,6 @@
...
&lt;/div&gt;
&lt;/div&gt;
</pre>
<h4>{{_i}}Tabs on the right{{/i}}</h4>
<p>{{_i}}Swap the class to put tabs on the right.{{/i}}</p>
<div class="bs-docs-example">
<div class="tabbable tabs-right">
<ul class="nav nav-tabs">
<li class="active"><a href="#rA" data-toggle="tab">{{_i}}Section 1{{/i}}</a></li>
<li><a href="#rB" data-toggle="tab">{{_i}}Section 2{{/i}}</a></li>
<li><a href="#rC" data-toggle="tab">{{_i}}Section 3{{/i}}</a></li>
</ul>
<div class="tab-content">
<div class="tab-pane active" id="rA">
<p>{{_i}}I'm in Section A.{{/i}}</p>
</div>
<div class="tab-pane" id="rB">
<p>{{_i}}Howdy, I'm in Section B.{{/i}}</p>
</div>
<div class="tab-pane" id="rC">
<p>{{_i}}What up girl, this is Section C.{{/i}}</p>
</div>
</div>
</div> <!-- /tabbable -->
</div>{{! /example }}
<pre class="prettyprint linenums">
&lt;div class="tabbable tabs-right"&gt;
&lt;ul class="nav nav-tabs"&gt;
...
&lt;/ul&gt;
&lt;div class="tab-content"&gt;
...
&lt;/div&gt;
&lt;/div&gt;
</pre>
<h4>{{_i}}Bordered tabbable{{/i}}</h4>
@@ -964,18 +931,18 @@
<div class="bs-docs-example">
<div class="tabbable tabbable-bordered">
<ul class="nav nav-tabs">
<li class="active"><a href="#rA" data-toggle="tab">{{_i}}Section 1{{/i}}</a></li>
<li><a href="#rB" data-toggle="tab">{{_i}}Section 2{{/i}}</a></li>
<li><a href="#rC" data-toggle="tab">{{_i}}Section 3{{/i}}</a></li>
<li class="active"><a href="#xA" data-toggle="tab">{{_i}}Section 1{{/i}}</a></li>
<li><a href="#xB" data-toggle="tab">{{_i}}Section 2{{/i}}</a></li>
<li><a href="#xC" data-toggle="tab">{{_i}}Section 3{{/i}}</a></li>
</ul>
<div class="tab-content">
<div class="tab-pane active" id="rA">
<div class="tab-pane active" id="xA">
<p>{{_i}}I'm in Section A.{{/i}}</p>
</div>
<div class="tab-pane" id="rB">
<div class="tab-pane" id="xB">
<p>{{_i}}Howdy, I'm in Section B.{{/i}}</p>
</div>
<div class="tab-pane" id="rC">
<div class="tab-pane" id="xC">
<p>{{_i}}What up girl, this is Section C.{{/i}}</p>
</div>
</div>