From 22fda2f54d748bf9e9fd02846a4d111366ee56b5 Mon Sep 17 00:00:00 2001
From: Mark Otto <otto@github.com>
Date: Fri, 26 Jul 2013 19:37:31 -0700
Subject: [PATCH] Upate IDs on components page

---
 components.html | 69 ++++++++++++++++++++++++-------------------------
 1 file changed, 34 insertions(+), 35 deletions(-)

diff --git a/components.html b/components.html
index d6e25cfc1c..b78390b2f6 100644
--- a/components.html
+++ b/components.html
@@ -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>