Upate IDs on components page
This commit is contained in:
Mark Otto
parent
d89c3b9d23
commit
22fda2f54d
|
|
@ -8,9 +8,9 @@ lead: "Dozens of reusable components built to provide iconography, dropdowns, na
|
|||
|
||||
<!-- Dropdowns
|
||||
================================================== -->
|
||||
<div class="bs-docs-section" id="dropdowns">
|
||||
<div class="bs-docs-section">
|
||||
<div class="page-header">
|
||||
<h1>Dropdown menus</h1>
|
||||
<h1 id="dropdowns">Dropdown menus</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>
|
||||
|
||||
|
|
@ -97,9 +97,9 @@ lead: "Dozens of reusable components built to provide iconography, dropdowns, na
|
|||
|
||||
<!-- Button Groups
|
||||
================================================== -->
|
||||
<div class="bs-docs-section" id="btn-groups">
|
||||
<div class="bs-docs-section">
|
||||
<div class="page-header">
|
||||
<h1>Button groups</h1>
|
||||
<h1 id="btn-groups">Button groups</h1>
|
||||
</div>
|
||||
<p class="lead">Group a series of buttons together on a single line with the button group. Add on optional JavaScript radio and checkbox style behavior with <a href="/javascript/#js-buttons">our buttons plugin</a>.</p>
|
||||
|
||||
|
|
@ -218,9 +218,9 @@ lead: "Dozens of reusable components built to provide iconography, dropdowns, na
|
|||
|
||||
<!-- Split button dropdowns
|
||||
================================================== -->
|
||||
<div class="bs-docs-section" id="btn-dropdowns">
|
||||
<div class="bs-docs-section">
|
||||
<div class="page-header">
|
||||
<h1>Button dropdown menus</h1>
|
||||
<h1 id="btn-dropdowns">Button dropdown menus</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>
|
||||
|
||||
|
|
@ -478,9 +478,9 @@ lead: "Dozens of reusable components built to provide iconography, dropdowns, na
|
|||
|
||||
<!-- Navs
|
||||
================================================== -->
|
||||
<div class="bs-docs-section" id="nav">
|
||||
<div class="bs-docs-section">
|
||||
<div class="page-header">
|
||||
<h1>Navs</h1>
|
||||
<h1 id="nav">Navs</h1>
|
||||
</div>
|
||||
|
||||
<p class="lead">Navs available in Bootstrap have shared markup, starting with the base <code>.nav</code> class, as well as shared states. Swap modifier classes to switch between each style.</p>
|
||||
|
|
@ -666,12 +666,11 @@ lead: "Dozens of reusable components built to provide iconography, dropdowns, na
|
|||
|
||||
<!-- Navbar
|
||||
================================================== -->
|
||||
<div class="bs-docs-section" id="navbar">
|
||||
<div class="bs-docs-section">
|
||||
<div class="page-header">
|
||||
<h1>Navbar</h1>
|
||||
<h1 id="navbar">Navbar</h1>
|
||||
</div>
|
||||
|
||||
|
||||
<h2 id="navbar-basic">Basic navbar</h2>
|
||||
<p>To start, navbars are static (not fixed to the top) and include support for a project name and basic navigation. Place one anywhere within a <code>.container</code>, which sets the width of your site and content.</p>
|
||||
<div class="bs-example">
|
||||
|
|
@ -1042,9 +1041,9 @@ body { padding-bottom: 70px; }
|
|||
|
||||
<!-- Breadcrumbs
|
||||
================================================== -->
|
||||
<div class="bs-docs-section" id="breadcrumbs">
|
||||
<div class="bs-docs-section">
|
||||
<div class="page-header">
|
||||
<h1>Breadcrumbs <small></small></h1>
|
||||
<h1 id="breadcrumbs">Breadcrumbs <small></small></h1>
|
||||
</div>
|
||||
<p class="lead">Indicate the current page's location within a navigational hierarchy.</p>
|
||||
<p>Separators are automatically added in CSS through <code>:before</code> and <code>content</code>.</p>
|
||||
|
|
@ -1075,9 +1074,9 @@ body { padding-bottom: 70px; }
|
|||
|
||||
<!-- Pagination
|
||||
================================================== -->
|
||||
<div class="bs-docs-section" id="pagination">
|
||||
<div class="bs-docs-section">
|
||||
<div class="page-header">
|
||||
<h1>Pagination</h1>
|
||||
<h1 id="pagination">Pagination</h1>
|
||||
</div>
|
||||
<p class="lead">Provide pagination links for your site or app with the multi-page pagination component, or the simpler <a href="#pagination-pager">pager alternative</a>.</p>
|
||||
|
||||
|
|
@ -1234,9 +1233,9 @@ body { padding-bottom: 70px; }
|
|||
|
||||
<!-- Labels
|
||||
================================================== -->
|
||||
<div class="bs-docs-section" id="labels">
|
||||
<div class="bs-docs-section">
|
||||
<div class="page-header">
|
||||
<h1>Labels</h1>
|
||||
<h1 id="labels">Labels</h1>
|
||||
</div>
|
||||
<p class="lead"></p>
|
||||
|
||||
|
|
@ -1276,9 +1275,9 @@ body { padding-bottom: 70px; }
|
|||
|
||||
<!-- Badges
|
||||
================================================== -->
|
||||
<div class="bs-docs-section" id="badges">
|
||||
<div class="bs-docs-section">
|
||||
<div class="page-header">
|
||||
<h1>Badges</h1>
|
||||
<h1 id="badges">Badges</h1>
|
||||
</div>
|
||||
<p class="lead">Easily highlight new or unread items by adding a <code><span class="badge"></code> to links, Bootstrap navs, and more.</p>
|
||||
|
||||
|
|
@ -1339,9 +1338,9 @@ body { padding-bottom: 70px; }
|
|||
|
||||
<!-- Typographic components
|
||||
================================================== -->
|
||||
<div class="bs-docs-section" id="type-components">
|
||||
<div class="bs-docs-section">
|
||||
<div class="page-header">
|
||||
<h1>Typographic components</h1>
|
||||
<h1 id="type-components">Typographic components</h1>
|
||||
</div>
|
||||
|
||||
<h2 id="type-components-jumbotron">Jumbotron</h2>
|
||||
|
|
@ -1379,9 +1378,9 @@ body { padding-bottom: 70px; }
|
|||
|
||||
<!-- Thumbnails
|
||||
================================================== -->
|
||||
<div class="bs-docs-section" id="thumbnails">
|
||||
<div class="bs-docs-section">
|
||||
<div class="page-header">
|
||||
<h1>Thumbnails</h1>
|
||||
<h1 id="thumbnails">Thumbnails</h1>
|
||||
</div>
|
||||
<p class="lead">Extend Bootstrap's <a href="/css/#grid">grid system</a> with the thumbnail component to easily display grids of images, videos, text, and more.</p>
|
||||
|
||||
|
|
@ -1479,9 +1478,9 @@ body { padding-bottom: 70px; }
|
|||
|
||||
<!-- Alerts
|
||||
================================================== -->
|
||||
<div class="bs-docs-section" id="alerts">
|
||||
<div class="bs-docs-section">
|
||||
<div class="page-header">
|
||||
<h1>Alerts</h1>
|
||||
<h1 id="alerts">Alerts</h1>
|
||||
</div>
|
||||
<p class="lead">Provide contextual feedback messages for typical user actions with the handful of available and flexible alert messages. For inline dismissal, use the <a href="/javascript/#js-alerts">alerts jQuery plugin</a>.</p>
|
||||
|
||||
|
|
@ -1579,9 +1578,9 @@ body { padding-bottom: 70px; }
|
|||
|
||||
<!-- Progress bars
|
||||
================================================== -->
|
||||
<div class="bs-docs-section" id="progress">
|
||||
<div class="bs-docs-section">
|
||||
<div class="page-header">
|
||||
<h1>Progress bars</h1>
|
||||
<h1 id="progress">Progress bars</h1>
|
||||
</div>
|
||||
<p class="lead">Provide up-to-date feedback on the progress of a workflow or action with simple yet flexible progress bars.</p>
|
||||
|
||||
|
|
@ -1701,9 +1700,9 @@ body { padding-bottom: 70px; }
|
|||
|
||||
<!-- Media object
|
||||
================================================== -->
|
||||
<div class="bs-docs-section" id="media">
|
||||
<div class="bs-docs-section">
|
||||
<div class="page-header">
|
||||
<h1>Media object</h1>
|
||||
<h1 id="media">Media object</h1>
|
||||
</div>
|
||||
<p class="lead">Abstract object styles for building various types of components (like blog comments, Tweets, etc) that feature a left- or right-aligned image alongside textual content.</p>
|
||||
|
||||
|
|
@ -1825,9 +1824,9 @@ body { padding-bottom: 70px; }
|
|||
|
||||
<!-- List group
|
||||
================================================== -->
|
||||
<div class="bs-docs-section" id="list-group">
|
||||
<div class="bs-docs-section">
|
||||
<div class="page-header">
|
||||
<h1>List group</h1>
|
||||
<h1 id="list-group">List group</h1>
|
||||
</div>
|
||||
<p class="lead">List groups are a flexible and powerful component for displaying not only simple lists of elements, but complex ones with custom content.</p>
|
||||
|
||||
|
|
@ -1945,9 +1944,9 @@ body { padding-bottom: 70px; }
|
|||
|
||||
<!-- Panels
|
||||
================================================== -->
|
||||
<div class="bs-docs-section" id="panels">
|
||||
<div class="bs-docs-section">
|
||||
<div class="page-header">
|
||||
<h1>Panels</h1>
|
||||
<h1 id="panels">Panels</h1>
|
||||
</div>
|
||||
<p class="lead">While not always necessary, sometimes you need to put your DOM in a box. For those situations, try the panel component.</p>
|
||||
|
||||
|
|
@ -2092,9 +2091,9 @@ body { padding-bottom: 70px; }
|
|||
|
||||
<!-- Wells
|
||||
================================================== -->
|
||||
<div class="bs-docs-section" id="wells">
|
||||
<div class="bs-docs-section">
|
||||
<div class="page-header">
|
||||
<h1>Wells</h1>
|
||||
<h1 id="wells">Wells</h1>
|
||||
</div>
|
||||
|
||||
<h3>Default well</h3>
|
||||
|
|
|
|||
Loading…
Reference in New Issue