Skip to content

B
bootstrap
Commit 22fda2f5 authored by Mark Otto's avatar Mark Otto
Browse files
Options

Upate IDs on components page

parent d89c3b9d
Hide whitespace changes
Inline Side-by-side
Showing with 34 additions and 35 deletions
components.html
View file @ 22fda2f5
......@@ -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>&lt;span class="badge"&gt;</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>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment