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

diff --git a/examples/navbar-fixed-top/index.html b/examples/navbar-fixed-top/index.html
index df634621796ec31d2d2be8a0d22254919f4d74fd..940897991ea8dfec52298cd2a2ac4bf6048ade91 100644 (file)
--- a/examples/navbar-fixed-top/index.html
+++ b/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>

diff --git a/examples/navbar-fixed-top/navbar-fixed-top.css b/examples/navbar-fixed-top/navbar-fixed-top.css
index 1e23e9e5f1a58c7a6c8f5648d21847f609687628..b0c8837425877a481aa06e00998b4fa74da0b430 100644 (file)
--- a/examples/navbar-fixed-top/navbar-fixed-top.css
+++ b/examples/navbar-fixed-top/navbar-fixed-top.css
@@ -1,7 +1,4 @@
 body {
-padding-top: 60px;
+  min-height: 2000px;
+  padding-top: 70px;
 }
-
-.jumbotron {
-margin-top: 20px;
-}
\ No newline at end of file

diff --git a/examples/navbar-static-top/index.html b/examples/navbar-static-top/index.html
index 4ca88f02b9b7708bdb54bcf4d76afcadb5a416cf..10da9d49a1524e788f06437b0893ed7c2601c6c3 100644 (file)
--- a/examples/navbar-static-top/index.html
+++ b/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>

diff --git a/examples/navbar-static-top/navbar-static-top.css b/examples/navbar-static-top/navbar-static-top.css
index 0e34ecc6999b99c2d9b18a449fd2942d741eb58d..59a37e75a0394de5201b1414fd1d23b2390c2159 100644 (file)
--- a/examples/navbar-static-top/navbar-static-top.css
+++ b/examples/navbar-static-top/navbar-static-top.css
@@ -1,3 +1,7 @@
-.jumbotron {
-margin-top: 30px;
+body {
+  min-height: 2000px;
+}
+
+.navbar-static-top {
+  margin-bottom: 19px;
 }
\ No newline at end of file

diff --git a/examples/sticky-footer/sticky-footer.css b/examples/sticky-footer/sticky-footer.css
index 3da136e7ca14585bb978cbe9a3506e3c289162bb..45be6ccbc19110d50339e6366d0f6ad79d407e9d 100644 (file)
--- a/examples/sticky-footer/sticky-footer.css
+++ b/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
 -------------------------------------------------- */