diff options
| author | Mark Otto <[email protected]> | 2012-04-14 18:47:27 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2012-04-14 18:47:27 -0700 |
| commit | fc7ae48c95af554cb36e4b52482c262ac34aa47f (patch) | |
| tree | 0db24fc85fd27612ff600d4ffbd73a02efe852e8 /less/tests/css-tests.html | |
| parent | def7ae7798916f105ba489b617cfa2b4af16afa4 (diff) | |
| download | bootstrap-fc7ae48c95af554cb36e4b52482c262ac34aa47f.tar.xz bootstrap-fc7ae48c95af554cb36e4b52482c262ac34aa47f.zip | |
fix #1823: styles of tabs within other tabs resolved
Diffstat (limited to 'less/tests/css-tests.html')
| -rw-r--r-- | less/tests/css-tests.html | 43 |
1 files changed, 43 insertions, 0 deletions
diff --git a/less/tests/css-tests.html b/less/tests/css-tests.html index 255a078b3..8dad598c9 100644 --- a/less/tests/css-tests.html +++ b/less/tests/css-tests.html @@ -445,6 +445,49 @@ </div> +<!-- Tabs +================================================== --> + +<div class="tabbable tabs-left" style="margin-bottom: 18px;"> + <ul class="nav nav-tabs"> + <li class="active"><a href="#tab1" data-toggle="tab">Section 1</a></li> + <li><a href="#tab2" data-toggle="tab">Section 2</a></li> + <li><a href="#tab3" data-toggle="tab">Section 3</a></li> + </ul> + <div class="tab-content" style="padding-bottom: 9px; border-bottom: 1px solid #ddd;"> + <div class="tab-pane active" id="tab1"> + <p>I'm in Section 1.</p> + + <div class="tabbable" style="background: #f5f5f5; padding: 20px;"> + <ul class="nav nav-tabs"> + <li class="active"><a href="#tab1-1" data-toggle="tab">1.1</a></li> + <li><a href="#tab1-2" data-toggle="tab">1.2</a></li> + <li><a href="#tab1-3" data-toggle="tab">1.3</a></li> + </ul> + <div class="tab-content" style="padding-bottom: 9px; border-bottom: 1px solid #ddd;"> + <div class="tab-pane active" id="tab1-1"> + <p>I'm in Section 1.1.</p> + </div> + <div class="tab-pane" id="tab1-2"> + <p>I'm in Section 1.2.</p> + </div> + <div class="tab-pane" id="tab1-3"> + <p>I'm in Section 1.3.</p> + </div> + </div> + </div> + </div> + <div class="tab-pane" id="tab2"> + <p>Howdy, I'm in Section 2.</p> + </div> + <div class="tab-pane" id="tab3"> + <p>What up girl, this is Section 3.</p> + </div> + </div> +</div> <!-- /tabbable --> + + + |