Update IDs on css page

diff --git a/css.html b/css.html
index 79cb6787a36a674ba8dc9096c2afca32c6d1f5b7..0c41d4af016870becea95bad795c34898afcedf4 100644 (file)
--- a/css.html
+++ b/css.html
@@ -8,9 +8,9 @@ lead: "Global CSS settings, fundamental HTML elements styled and enhanced with e
 
   <!-- Global Bootstrap settings
   ================================================== -->
-  <div class="bs-docs-section" id="overview">
+  <div class="bs-docs-section">
     <div class="page-header">
-      <h1>Overview</h1>
+      <h1 id="overview">Overview</h1>
     </div>
     <p class="lead">Get the lowdown on the key pieces of Bootstrap's infrastructure, including our approach to better, faster, stronger web development.</p>
 
@@ -56,9 +56,9 @@ lead: "Global CSS settings, fundamental HTML elements styled and enhanced with e
 
   <!-- Glyphicons icon font
   ================================================== -->
-  <div class="bs-docs-section" id="glyphicons">
+  <div class="bs-docs-section">
     <div class="page-header">
-      <h1>Glyphicons</h1>
+      <h1 id="glyphicons">Glyphicons</h1>
     </div>
     <p class="lead">With the launch of Bootstrap 3, icons have been moved to a <a href="https://github.com/twbs/bootstrap-glyphicons">separate repository</a>. This keeps the primary project as lean as possible, makes it easier for folks to swap icon libraries, and makes Glyphicons icon fonts more readily available to more people outside Bootstrap.</p>
     <p class="lead">
@@ -70,9 +70,9 @@ lead: "Global CSS settings, fundamental HTML elements styled and enhanced with e
 
   <!-- Grid system
   ================================================== -->
-  <div class="bs-docs-section" id="grid">
+  <div class="bs-docs-section">
     <div class="page-header">
-      <h1>Grid system</h1>
+      <h1 id="grid">Grid system</h1>
     </div>
     <p class="lead">Bootstrap includes a responsive, mobile-first fluid grid system that appropriately scales up to 12 columns as the device or viewport size increases. It includes <a href="#grid-example-basic">predefined classes</a> for easy layout options, as well as powerful <a href="#grid-less">mixins for generating more semantic layouts</a>.</p>
 
@@ -410,9 +410,9 @@ lead: "Global CSS settings, fundamental HTML elements styled and enhanced with e
 
   <!-- Typography
   ================================================== -->
-  <div class="bs-docs-section" id="type">
+  <div class="bs-docs-section">
     <div class="page-header">
-      <h1>Typography</h1>
+      <h1 id="type">Typography</h1>
     </div>
 
     <!-- Headings -->
@@ -801,9 +801,9 @@ lead: "Global CSS settings, fundamental HTML elements styled and enhanced with e
 
   <!-- Code
   ================================================== -->
-  <div class="bs-docs-section" id="code">
+  <div class="bs-docs-section">
     <div class="page-header">
-      <h1>Code</h1>
+      <h1 id="code">Code</h1>
     </div>
 
     <h2>Inline</h2>
@@ -831,9 +831,9 @@ For example, <code>&lt;section&gt;</code> should be wrapped as inline.
 
   <!-- Tables
   ================================================== -->
-  <div class="bs-docs-section" id="tables">
+  <div class="bs-docs-section">
     <div class="page-header">
-      <h1>Tables</h1>
+      <h1 id="tables">Tables</h1>
     </div>
 
     <h2 id="tables-example">Basic example</h2>
@@ -1160,9 +1160,9 @@ For example, <code>&lt;section&gt;</code> should be wrapped as inline.
 
   <!-- Forms
   ================================================== -->
-  <div class="bs-docs-section" id="forms">
+  <div class="bs-docs-section">
     <div class="page-header">
-      <h1>Forms</h1>
+      <h1 id="forms">Forms</h1>
     </div>
 
     <h2 id="forms-example">Basic example</h2>
@@ -1839,9 +1839,9 @@ For example, <code>&lt;section&gt;</code> should be wrapped as inline.
 
   <!-- Buttons
   ================================================== -->
-  <div class="bs-docs-section" id="buttons">
+  <div class="bs-docs-section">
     <div class="page-header">
-      <h1>Buttons</h1>
+      <h1 id="buttons">Buttons</h1>
     </div>
 
     <h2 id="buttons-options">Button options</h2>
@@ -1986,9 +1986,9 @@ For example, <code>&lt;section&gt;</code> should be wrapped as inline.
 
   <!-- Images
   ================================================== -->
-  <div class="bs-docs-section" id="images">
+  <div class="bs-docs-section">
     <div class="page-header">
-      <h1>Images</h1>
+      <h1 id="images">Images</h1>
     </div>
 
     <p>Add classes to an <code>&lt;img&gt;</code> element to easily style images in any project.</p>
@@ -2012,9 +2012,9 @@ For example, <code>&lt;section&gt;</code> should be wrapped as inline.
 
   <!-- Helpers
   ================================================== -->
-  <div class="bs-docs-section" id="helper-classes">
+  <div class="bs-docs-section">
     <div class="page-header">
-      <h1>Helper classes</h1>
+      <h1 id="helper-classes">Helper classes</h1>
     </div>
 
     <h3>Close icon</h3>