</li>
<li><a href="#labels">Labels</a></li>
<li><a href="#badges">Badges</a></li>
-<li>
- <a href="#type-components">Typography</a>
- <ul class="nav">
- <li><a href="#type-components-jumbotron">Jumbotron</a></li>
- <li><a href="#type-components-page-header">Page header</a></li>
- </ul>
-</li>
+<li><a href="#jumbotron">Jumbotron</a></li>
+<li><a href="#page-header">Page header</a></li>
<li>
<a href="#thumbnails">Thumbnails</a>
<ul class="nav">
.bs-example > blockquote:last-child,
.bs-example > .form-control:last-child,
.bs-example > .table:last-child,
-.bs-example > .navbar:last-child
+.bs-example > .navbar:last-child,
.bs-example > .jumbotron:last-child,
.bs-example > .alert:last-child,
.bs-example > .panel:last-child,
================================================== -->
<div class="bs-docs-section">
<div class="page-header">
- <h1 id="dropdowns">Dropdown menus</h1>
+ <h1 id="dropdowns">Dropdowns</h1>
</div>
<p class="lead">Toggleable, contextual menu for displaying lists of links. Made interactive with the <a href="../javascript/#dropdowns">dropdown JavaScript plugin</a>.</p>
================================================== -->
<div class="bs-docs-section">
<div class="page-header">
- <h1 id="btn-dropdowns">Button dropdown menus</h1>
+ <h1 id="btn-dropdowns">Button dropdowns</h1>
</div>
<p class="lead">Use any button to trigger a dropdown menu by placing it within a <code>.btn-group</code> and providing the proper menu markup.</p>
- <!-- Typographic components
+ <!-- Jumbotron
================================================== -->
<div class="bs-docs-section">
<div class="page-header">
- <h1 id="type-components">Typographic components</h1>
+ <h1 id="jumbotron">Jumbotron</h1>
</div>
-
- <h2 id="type-components-jumbotron">Jumbotron</h2>
<p>A lightweight, flexible component to showcase key content on your site. It works well on marketing and content-heavy sites.</p>
<div class="bs-example">
<div class="jumbotron">
<p><a class="btn btn-primary btn-lg">Learn more</a></p>
</div>
{% endhighlight %}
+ </div>
+
+
- <h2 id="type-components-page-header">Page header</h2>
+ <!-- Page header
+ ================================================== -->
+ <div class="bs-docs-section">
+ <div class="page-header">
+ <h1 id="page-header">Page header</h1>
+ </div>
<p>A simple shell for an <code>h1</code> to appropriately space out and segment sections of content on a page. It can utilize the <code>h1</code>'s default <code>small</code> element, as well as most other components (with additional styles).</p>
<div class="bs-example">
<div class="page-header">