Fixed up examples more

* sticky footer side scrolling
* static and fixed navbar more similar
* min-height on static and fixed navbar examples to illustrate
differences

last two items fix #9702

examples/navbar-fixed-top/index.html

@@ -61,7 +61,8 @@
       <!-- Main component for a primary marketing message or call to action -->
       <div class="jumbotron">
         <h1>Navbar example</h1>
-        <p>This example is a quick exercise to illustrate how the default, static navbar and fixed to top navbar work. It includes the responsive CSS and HTML, so it also adapts to your viewport and device.</p>
+        <p>This example is a quick exercise to illustrate how the default, static and fixed to top navbar work. It includes the responsive CSS and HTML, so it also adapts to your viewport and device.</p>
+        <p>To see the difference between static and fixed top navbars, just scroll.</p>
         <p>
           <a class="btn btn-large btn-primary" href="../../components/#navbar">View navbar docs &raquo;</a>
         </p>

examples/navbar-fixed-top/navbar-fixed-top.css

 body {
-padding-top: 60px;
+  min-height: 2000px;
+  padding-top: 70px;
 }
-
-.jumbotron {
-margin-top: 20px;
-}
\ No newline at end of file

examples/navbar-static-top/index.html

@@ -62,7 +62,8 @@
       <!-- Main component for a primary marketing message or call to action -->
       <div class="jumbotron">
         <h1>Navbar example</h1>
-        <p>This example is a quick exercise to illustrate how the default, static navbar and fixed to top navbar work. It includes the responsive CSS and HTML, so it also adapts to your viewport and device.</p>
+        <p>This example is a quick exercise to illustrate how the default, static and fixed to top navbar work. It includes the responsive CSS and HTML, so it also adapts to your viewport and device.</p>
+        <p>To see the difference between static and fixed top navbars, just scroll.</p>
         <p>
           <a class="btn btn-large btn-primary" href="../../components/#navbar">View navbar docs &raquo;</a>
         </p>

examples/navbar-static-top/navbar-static-top.css

-.jumbotron {
-margin-top: 30px;
+body {
+  min-height: 2000px;
+}
+
+.navbar-static-top {
+  margin-bottom: 19px;
 }
\ No newline at end of file

examples/sticky-footer/sticky-footer.css

@@ -24,15 +24,6 @@ body {
   background-color: #f5f5f5;
 }
 
-/* Lastly, apply responsive CSS fixes as necessary */
-@media (max-width: 767px) {
-  #footer {
-    margin-left: -20px;
-    margin-right: -20px;
-    padding-left: 20px;
-    padding-right: 20px;
-  }
-}
 
 /* Custom page CSS
 -------------------------------------------------- */