mirror_css/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-19 11:51:23 +02:00
Code Issues Releases Wiki Activity

fix indenting and remove hidden subnav on Components

Browse Source
This commit is contained in:
Mark Otto
2012-07-09 22:40:58 -07:00
parent 0ca210395c
commit 75d952ffd8
2 changed files with 2662 additions and 2710 deletions
Download Patch File Download Diff File Expand all files Collapse all files

152
docs/components.html
View File

@@ -68,43 +68,17 @@
<div class="container"> <div class="container">
<!-- Masthead <!-- Subhead
================================================== --> ================================================== -->
<header class="jumbotron subhead" id="overview"> <header class="jumbotron subhead" id="overview">
<h1>Components</h1> <h1>Components</h1>
<p class="lead">Dozens of reusable components are built into Bootstrap to provide navigation, alerts, popovers, and much more.</p> <p class="lead">Dozens of reusable components are built into Bootstrap to provide navigation, alerts, popovers, and much more.</p>
<div class="navbar navbar-subnav">
<div class="navbar-inner">
<ul class="nav">
<li><a href="#dropdowns">Dropdowns</a></li>
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">Buttons <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="#buttonGroups">Button groups</a></li>
<li><a href="#buttonDropdowns">Button dropdowns</a></li>
</ul>
</li>
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">Nav <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="#navs">Nav, tabs, pills</a></li>
<li><a href="#navbar">Navbar</a></li>
<li><a href="#breadcrumbs">Breadcrumbs</a></li>
<li><a href="#pagination">Pagination</a></li>
</ul>
</li>
<li><a href="#labels">Labels</a></li>
<li><a href="#badges">Badges</a></li>
<li><a href="#typography">Typography</a></li>
<li><a href="#thumbnails">Thumbnails</a></li>
<li><a href="#alerts">Alerts</a></li>
<li><a href="#progress">Progress bars</a></li>
<li><a href="#misc">Misc</a></li>
</ul>
</div>
</div>
</header> </header>
<!-- Docs nav
================================================== -->
<div class="row"> <div class="row">
<div class="span3 bs-docs-sidebar"> <div class="span3 bs-docs-sidebar">
<ul class="nav nav-list bs-docs-sidenav"> <ul class="nav nav-list bs-docs-sidenav">
@@ -128,9 +102,9 @@
<!-- Dropdowns <!-- Dropdowns
================================================== --> ================================================== -->
<section id="dropdowns"> <section id="dropdowns">
<div class="page-header"> <div class="page-header">
<h1>Dropdown menus</h1> <h1>Dropdown menus</h1>
</div> </div>
@@ -205,14 +179,14 @@
<p>...</p> <p>...</p>
</section> </section>
<!-- Button Groups <!-- Button Groups
================================================== --> ================================================== -->
<section id="buttonGroups"> <section id="buttonGroups">
<div class="page-header"> <div class="page-header">
<h1>Button groups</h1> <h1>Button groups</h1>
</div> </div>
@@ -290,13 +264,13 @@
<h4>Dropdowns in button groups</h4> <h4>Dropdowns in button groups</h4>
<p><span class="label label-info">Heads up!</span> Buttons with dropdowns must be individually wrapped in their own <code>.btn-group</code> within a <code>.btn-toolbar</code> for proper rendering.</p> <p><span class="label label-info">Heads up!</span> Buttons with dropdowns must be individually wrapped in their own <code>.btn-group</code> within a <code>.btn-toolbar</code> for proper rendering.</p>
</section> </section>
<!-- Split button dropdowns <!-- Split button dropdowns
================================================== --> ================================================== -->
<section id="buttonDropdowns"> <section id="buttonDropdowns">
<div class="page-header"> <div class="page-header">
<h1>Button dropdown menus</h1> <h1>Button dropdown menus</h1>
</div> </div>
@@ -625,13 +599,13 @@
&lt;/div&gt; &lt;/div&gt;
</pre> </pre>
</section> </section>
<!-- Nav, Tabs, & Pills <!-- Nav, Tabs, & Pills
================================================== --> ================================================== -->
<section id="navs"> <section id="navs">
<div class="page-header"> <div class="page-header">
<h1>Nav: tabs, pills, and lists</small></h1> <h1>Nav: tabs, pills, and lists</small></h1>
</div> </div>
@@ -850,7 +824,7 @@
&lt;li class="divider"&gt;&lt;/li&gt; &lt;li class="divider"&gt;&lt;/li&gt;
... ...
&lt;/ul&gt; &lt;/ul&gt;
</pre> </pre>
<hr class="bs-docs-separator"> <hr class="bs-docs-separator">
@@ -1005,13 +979,13 @@
&lt;/div&gt; &lt;/div&gt;
</pre> </pre>
</section> </section>
<!-- Navbar <!-- Navbar
================================================== --> ================================================== -->
<section id="navbar"> <section id="navbar">
<div class="page-header"> <div class="page-header">
<h1>Navbar</h1> <h1>Navbar</h1>
</div> </div>
@@ -1307,13 +1281,13 @@
</div><!-- /navbar --> </div><!-- /navbar -->
</div> </div>
</section> </section>
<!-- Breadcrumbs <!-- Breadcrumbs
================================================== --> ================================================== -->
<section id="breadcrumbs"> <section id="breadcrumbs">
<div class="page-header"> <div class="page-header">
<h1>Breadcrumbs <small></small></h1> <h1>Breadcrumbs <small></small></h1>
</div> </div>
@@ -1342,13 +1316,13 @@
&lt;/ul&gt; &lt;/ul&gt;
</pre> </pre>
</section> </section>
<!-- Pagination <!-- Pagination
================================================== --> ================================================== -->
<section id="pagination"> <section id="pagination">
<div class="page-header"> <div class="page-header">
<h1>Pagination <small>Two options for paging through content</small></h1> <h1>Pagination <small>Two options for paging through content</small></h1>
</div> </div>
@@ -1513,13 +1487,13 @@
&lt;/ul&gt; &lt;/ul&gt;
</pre> </pre>
</section> </section>
<!-- Labels <!-- Labels
================================================== --> ================================================== -->
<section id="labels"> <section id="labels">
<div class="page-header"> <div class="page-header">
<h1>Inline labels <small>Label and annotate text</small></h1> <h1>Inline labels <small>Label and annotate text</small></h1>
</div> </div>
@@ -1581,13 +1555,13 @@
</tr> </tr>
</tbody> </tbody>
</table> </table>
</section> </section>
<!-- Badges <!-- Badges
================================================== --> ================================================== -->
<section id="badges"> <section id="badges">
<div class="page-header"> <div class="page-header">
<h1>Badges <small>Indicators and unread counts</small></h1> <h1>Badges <small>Indicators and unread counts</small></h1>
</div> </div>
@@ -1674,13 +1648,13 @@
</tbody> </tbody>
</table> </table>
</section> </section>
<!-- Typographic components <!-- Typographic components
================================================== --> ================================================== -->
<section id="typography"> <section id="typography">
<div class="page-header"> <div class="page-header">
<h1>Typographic components <small>Page header and hero unit for segmenting content</small></h1> <h1>Typographic components <small>Page header and hero unit for segmenting content</small></h1>
</div> </div>
@@ -1719,13 +1693,13 @@
&lt;/div&gt; &lt;/div&gt;
</pre> </pre>
</section> </section>
<!-- Thumbnails <!-- Thumbnails
================================================== --> ================================================== -->
<section id="thumbnails"> <section id="thumbnails">
<div class="page-header"> <div class="page-header">
<h1>Thumbnails <small>Grids of images, videos, text, and more</small></h1> <h1>Thumbnails <small>Grids of images, videos, text, and more</small></h1>
</div> </div>
@@ -1869,13 +1843,13 @@
</li> </li>
</ul> </ul>
</section> </section>
<!-- Alerts <!-- Alerts
================================================== --> ================================================== -->
<section id="alerts"> <section id="alerts">
<div class="page-header"> <div class="page-header">
<h1>Alerts <small>Styles for success, warning, and error messages</small></h1> <h1>Alerts <small>Styles for success, warning, and error messages</small></h1>
</div> </div>
@@ -1975,13 +1949,13 @@
&lt;/div&gt; &lt;/div&gt;
</pre> </pre>
</section> </section>
<!-- Progress bars <!-- Progress bars
================================================== --> ================================================== -->
<section id="progress"> <section id="progress">
<div class="page-header"> <div class="page-header">
<h1>Progress bars <small>For loading, redirecting, or action status</small></h1> <h1>Progress bars <small>For loading, redirecting, or action status</small></h1>
</div> </div>
@@ -2103,15 +2077,15 @@
<p>Progress bars use CSS3 gradients, transitions, and animations to achieve all their effects. These features are not supported in IE7-9 or older versions of Firefox.</p> <p>Progress bars use CSS3 gradients, transitions, and animations to achieve all their effects. These features are not supported in IE7-9 or older versions of Firefox.</p>
<p>Opera and IE do not support animations at this time.</p> <p>Opera and IE do not support animations at this time.</p>
</section> </section>
<!-- Miscellaneous <!-- Miscellaneous
================================================== --> ================================================== -->
<section id="misc"> <section id="misc">
<div class="page-header"> <div class="page-header">
<h1>Miscellaneous <small>Lightweight utility components</small></h1> <h1>Miscellaneous <small>Lightweight utility components</small></h1>
</div> </div>
@@ -2214,7 +2188,9 @@ class="clearfix"
} }
</pre> </pre>
</section> </section>
</div> </div>
</div> </div>

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

@@ -1,40 +1,14 @@
<!-- Masthead <!-- Subhead
================================================== --> ================================================== -->
<header class="jumbotron subhead" id="overview"> <header class="jumbotron subhead" id="overview">
<h1>{{_i}}Components{{/i}}</h1> <h1>{{_i}}Components{{/i}}</h1>
<p class="lead">{{_i}}Dozens of reusable components are built into Bootstrap to provide navigation, alerts, popovers, and much more.{{/i}}</p> <p class="lead">{{_i}}Dozens of reusable components are built into Bootstrap to provide navigation, alerts, popovers, and much more.{{/i}}</p>
<div class="navbar navbar-subnav">
<div class="navbar-inner">
<ul class="nav">
<li><a href="#dropdowns">{{_i}}Dropdowns{{/i}}</a></li>
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">{{_i}}Buttons{{/i}} <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="#buttonGroups">{{_i}}Button groups{{/i}}</a></li>
<li><a href="#buttonDropdowns">{{_i}}Button dropdowns{{/i}}</a></li>
</ul>
</li>
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">{{_i}}Nav{{/i}} <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="#navs">{{_i}}Nav, tabs, pills{{/i}}</a></li>
<li><a href="#navbar">{{_i}}Navbar{{/i}}</a></li>
<li><a href="#breadcrumbs">{{_i}}Breadcrumbs{{/i}}</a></li>
<li><a href="#pagination">{{_i}}Pagination{{/i}}</a></li>
</ul>
</li>
<li><a href="#labels">{{_i}}Labels{{/i}}</a></li>
<li><a href="#badges">{{_i}}Badges{{/i}}</a></li>
<li><a href="#typography">{{_i}}Typography{{/i}}</a></li>
<li><a href="#thumbnails">{{_i}}Thumbnails{{/i}}</a></li>
<li><a href="#alerts">{{_i}}Alerts{{/i}}</a></li>
<li><a href="#progress">{{_i}}Progress bars{{/i}}</a></li>
<li><a href="#misc">{{_i}}Misc{{/i}}</a></li>
</ul>
</div>
</div>
</header> </header>
<!-- Docs nav
================================================== -->
<div class="row"> <div class="row">
<div class="span3 bs-docs-sidebar"> <div class="span3 bs-docs-sidebar">
<ul class="nav nav-list bs-docs-sidenav"> <ul class="nav nav-list bs-docs-sidenav">
@@ -58,9 +32,9 @@
<!-- Dropdowns <!-- Dropdowns
================================================== --> ================================================== -->
<section id="dropdowns"> <section id="dropdowns">
<div class="page-header"> <div class="page-header">
<h1>{{_i}}Dropdown menus{{/i}}</h1> <h1>{{_i}}Dropdown menus{{/i}}</h1>
</div> </div>
@@ -135,14 +109,14 @@
<p>{{_i}}...{{/i}}</p> <p>{{_i}}...{{/i}}</p>
</section> </section>
<!-- Button Groups <!-- Button Groups
================================================== --> ================================================== -->
<section id="buttonGroups"> <section id="buttonGroups">
<div class="page-header"> <div class="page-header">
<h1>{{_i}}Button groups{{/i}}</h1> <h1>{{_i}}Button groups{{/i}}</h1>
</div> </div>
@@ -220,13 +194,13 @@
<h4>{{_i}}Dropdowns in button groups{{/i}}</h4> <h4>{{_i}}Dropdowns in button groups{{/i}}</h4>
<p><span class="label label-info">{{_i}}Heads up!{{/i}}</span> {{_i}}Buttons with dropdowns must be individually wrapped in their own <code>.btn-group</code> within a <code>.btn-toolbar</code> for proper rendering.{{/i}}</p> <p><span class="label label-info">{{_i}}Heads up!{{/i}}</span> {{_i}}Buttons with dropdowns must be individually wrapped in their own <code>.btn-group</code> within a <code>.btn-toolbar</code> for proper rendering.{{/i}}</p>
</section> </section>
<!-- Split button dropdowns <!-- Split button dropdowns
================================================== --> ================================================== -->
<section id="buttonDropdowns"> <section id="buttonDropdowns">
<div class="page-header"> <div class="page-header">
<h1>{{_i}}Button dropdown menus{{/i}}</h1> <h1>{{_i}}Button dropdown menus{{/i}}</h1>
</div> </div>
@@ -555,13 +529,13 @@
&lt;/div&gt; &lt;/div&gt;
</pre> </pre>
</section> </section>
<!-- Nav, Tabs, & Pills <!-- Nav, Tabs, & Pills
================================================== --> ================================================== -->
<section id="navs"> <section id="navs">
<div class="page-header"> <div class="page-header">
<h1>{{_i}}Nav: tabs, pills, and lists{{/i}}</small></h1> <h1>{{_i}}Nav: tabs, pills, and lists{{/i}}</small></h1>
</div> </div>
@@ -780,7 +754,7 @@
&lt;li class="divider"&gt;&lt;/li&gt; &lt;li class="divider"&gt;&lt;/li&gt;
... ...
&lt;/ul&gt; &lt;/ul&gt;
</pre> </pre>
<hr class="bs-docs-separator"> <hr class="bs-docs-separator">
@@ -935,13 +909,13 @@
&lt;/div&gt; &lt;/div&gt;
</pre> </pre>
</section> </section>
<!-- Navbar <!-- Navbar
================================================== --> ================================================== -->
<section id="navbar"> <section id="navbar">
<div class="page-header"> <div class="page-header">
<h1>{{_i}}Navbar{{/i}}</h1> <h1>{{_i}}Navbar{{/i}}</h1>
</div> </div>
@@ -1237,13 +1211,13 @@
</div><!-- /navbar --> </div><!-- /navbar -->
</div>{{! /example }} </div>{{! /example }}
</section> </section>
<!-- Breadcrumbs <!-- Breadcrumbs
================================================== --> ================================================== -->
<section id="breadcrumbs"> <section id="breadcrumbs">
<div class="page-header"> <div class="page-header">
<h1>{{_i}}Breadcrumbs{{/i}} <small></small></h1> <h1>{{_i}}Breadcrumbs{{/i}} <small></small></h1>
</div> </div>
@@ -1272,13 +1246,13 @@
&lt;/ul&gt; &lt;/ul&gt;
</pre> </pre>
</section> </section>
<!-- Pagination <!-- Pagination
================================================== --> ================================================== -->
<section id="pagination"> <section id="pagination">
<div class="page-header"> <div class="page-header">
<h1>{{_i}}Pagination{{/i}} <small>{{_i}}Two options for paging through content{{/i}}</small></h1> <h1>{{_i}}Pagination{{/i}} <small>{{_i}}Two options for paging through content{{/i}}</small></h1>
</div> </div>
@@ -1443,13 +1417,13 @@
&lt;/ul&gt; &lt;/ul&gt;
</pre> </pre>
</section> </section>
<!-- Labels <!-- Labels
================================================== --> ================================================== -->
<section id="labels"> <section id="labels">
<div class="page-header"> <div class="page-header">
<h1>{{_i}}Inline labels{{/i}} <small>{{_i}}Label and annotate text{{/i}}</small></h1> <h1>{{_i}}Inline labels{{/i}} <small>{{_i}}Label and annotate text{{/i}}</small></h1>
</div> </div>
@@ -1511,13 +1485,13 @@
</tr> </tr>
</tbody> </tbody>
</table> </table>
</section> </section>
<!-- Badges <!-- Badges
================================================== --> ================================================== -->
<section id="badges"> <section id="badges">
<div class="page-header"> <div class="page-header">
<h1>{{_i}}Badges{{/i}} <small>{{_i}}Indicators and unread counts{{/i}}</small></h1> <h1>{{_i}}Badges{{/i}} <small>{{_i}}Indicators and unread counts{{/i}}</small></h1>
</div> </div>
@@ -1604,13 +1578,13 @@
</tbody> </tbody>
</table> </table>
</section> </section>
<!-- Typographic components <!-- Typographic components
================================================== --> ================================================== -->
<section id="typography"> <section id="typography">
<div class="page-header"> <div class="page-header">
<h1>{{_i}}Typographic components{{/i}} <small>{{_i}}Page header and hero unit for segmenting content{{/i}}</small></h1> <h1>{{_i}}Typographic components{{/i}} <small>{{_i}}Page header and hero unit for segmenting content{{/i}}</small></h1>
</div> </div>
@@ -1649,13 +1623,13 @@
&lt;/div&gt; &lt;/div&gt;
</pre> </pre>
</section> </section>
<!-- Thumbnails <!-- Thumbnails
================================================== --> ================================================== -->
<section id="thumbnails"> <section id="thumbnails">
<div class="page-header"> <div class="page-header">
<h1>{{_i}}Thumbnails{{/i}} <small>{{_i}}Grids of images, videos, text, and more{{/i}}</small></h1> <h1>{{_i}}Thumbnails{{/i}} <small>{{_i}}Grids of images, videos, text, and more{{/i}}</small></h1>
</div> </div>
@@ -1799,13 +1773,13 @@
</li> </li>
</ul> </ul>
</section> </section>
<!-- Alerts <!-- Alerts
================================================== --> ================================================== -->
<section id="alerts"> <section id="alerts">
<div class="page-header"> <div class="page-header">
<h1>{{_i}}Alerts{{/i}} <small>{{_i}}Styles for success, warning, and error messages{{/i}}</small></h1> <h1>{{_i}}Alerts{{/i}} <small>{{_i}}Styles for success, warning, and error messages{{/i}}</small></h1>
</div> </div>
@@ -1905,13 +1879,13 @@
&lt;/div&gt; &lt;/div&gt;
</pre> </pre>
</section> </section>
<!-- Progress bars <!-- Progress bars
================================================== --> ================================================== -->
<section id="progress"> <section id="progress">
<div class="page-header"> <div class="page-header">
<h1>{{_i}}Progress bars{{/i}} <small>{{_i}}For loading, redirecting, or action status{{/i}}</small></h1> <h1>{{_i}}Progress bars{{/i}} <small>{{_i}}For loading, redirecting, or action status{{/i}}</small></h1>
</div> </div>
@@ -2033,15 +2007,15 @@
<p>{{_i}}Progress bars use CSS3 gradients, transitions, and animations to achieve all their effects. These features are not supported in IE7-9 or older versions of Firefox.{{/i}}</p> <p>{{_i}}Progress bars use CSS3 gradients, transitions, and animations to achieve all their effects. These features are not supported in IE7-9 or older versions of Firefox.{{/i}}</p>
<p>{{_i}}Opera and IE do not support animations at this time.{{/i}}</p> <p>{{_i}}Opera and IE do not support animations at this time.{{/i}}</p>
</section> </section>
<!-- Miscellaneous <!-- Miscellaneous
================================================== --> ================================================== -->
<section id="misc"> <section id="misc">
<div class="page-header"> <div class="page-header">
<h1>{{_i}}Miscellaneous{{/i}} <small>{{_i}}Lightweight utility components{{/i}}</small></h1> <h1>{{_i}}Miscellaneous{{/i}} <small>{{_i}}Lightweight utility components{{/i}}</small></h1>
</div> </div>
@@ -2144,7 +2118,9 @@ class="clearfix"
} }
</pre> </pre>
</section> </section>
</div>
</div>
</div>{{! /span9 }}
</div>{{! row}}