diff options
| author | Mark Otto <[email protected]> | 2011-10-31 21:45:46 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2011-10-31 21:45:46 -0700 |
| commit | 31ea00304626ea68b758def41769606d4c049671 (patch) | |
| tree | 49014c0aae72ca63e3b78355a54b3f4b0e602ee1 /docs/components.html | |
| parent | ac9073e1e4b118c47f3f6c91bf81840cc9a346f6 (diff) | |
| download | bootstrap-31ea00304626ea68b758def41769606d4c049671.tar.xz bootstrap-31ea00304626ea68b758def41769606d4c049671.zip | |
remove alt tab styles for now, too complicated to accomplish both static and tabble; fix up CSS a bit
Diffstat (limited to 'docs/components.html')
| -rw-r--r-- | docs/components.html | 47 |
1 files changed, 7 insertions, 40 deletions
diff --git a/docs/components.html b/docs/components.html index c18d8c113..73a049298 100644 --- a/docs/components.html +++ b/docs/components.html @@ -245,39 +245,6 @@ <li><a href="#">Contact</a></li> </ul> </pre> - <h3>Alternate tabs</h3> - <p>You can also use tabs that are stacked on either side of an element, or on the bottom.</p> - <div class="row"> - <div class="span2"> - <div class="clearfix"> - <ul class="tabs tabs-left"> - <li class="active"><a href="#">Active link</a></li> - <li><a href="#">Link</a></li> - <li><a href="#">Linky link</a></li> - <li><a href="#">What up link</a></li> - </ul> - </div> - </div> - <div class="span2"> - <div class="clearfix"> - <ul class="tabs tabs-right"> - <li class="active"><a href="#">Active link</a></li> - <li><a href="#">Link</a></li> - <li><a href="#">Linky link</a></li> - <li><a href="#">What up link</a></li> - </ul> - </div> - </div> - <div class="span5"> - <div class="clearfix"> - <ul class="tabs tabs-bottom"> - <li class="active"><a href="#">Active link</a></li> - <li><a href="#">Link</a></li> - <li><a href="#">Linky link</a></li> - </ul> - </div> - </div> - </div> <h3>Tabbable tabs</h3> <p>As mentioned above, you can bring your tabs to life with a simple plugin. Here we have integrated all four variations of the tabs—default (top), right, bottom, left—with example tab areas.</p> @@ -315,20 +282,20 @@ <div class="tab-content" id="myTabContent2"> <div class="tab-pane active" id="1"> <h4>Section 1</h4> - <p>Oh hai!</p> + <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="2"> <h4>Section 2</h4> - <p>Oh hai!</p> + <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="3"> <h4>Section 3</h4> - <p>Oh hai!</p> + <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> </div> </div> - <div class="span5"> + <div class="span4 offset1"> <div class="tabbable tabs-right"> <ul class="tabs" data-tabs="tabs"> <li class="active"><a href="#1">Section 1</a></li> @@ -338,15 +305,15 @@ <div class="tab-content" id="myTabContent3"> <div class="tab-pane active" id="1"> <h4>Section 1</h4> - <p>Oh hai!</p> + <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="2"> <h4>Section 2</h4> - <p>Oh hai!</p> + <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="3"> <h4>Section 3</h4> - <p>Oh hai!</p> + <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> </div> |