diff --git a/docs/examples/cover/cover.css b/docs/examples/cover/cover.css
index fb478ed094463e9dd97b3cddc15c15b95a20adec..9fcc9274f1ca4cdba939db6144b6d134223a2e08 100644
--- a/docs/examples/cover/cover.css
+++ b/docs/examples/cover/cover.css
@@ -84,6 +84,7 @@ body {
 .masthead-nav > li > a:hover,
 .masthead-nav > li > a:focus {
   background-color: transparent;
+  border-bottom-color: #a9a9a9;
   border-bottom-color: rgba(255,255,255,.25);
 }
 .masthead-nav > .active > a,
diff --git a/docs/examples/sticky-footer-navbar/index.html b/docs/examples/sticky-footer-navbar/index.html
index dbce0806cdf48540c239db7b458483675a4a60f4..9c7566ed63e53c9e13f87a6791e5791063e6ec04 100644
--- a/docs/examples/sticky-footer-navbar/index.html
+++ b/docs/examples/sticky-footer-navbar/index.html
@@ -71,7 +71,7 @@
       <p>Back to <a href="../sticky-footer">the default sticky footer</a> minus the navbar.</p>
     </div>
 
-    <div id="footer">
+    <div class="footer">
       <div class="container">
         <p class="text-muted">Place sticky footer content here.</p>
       </div>
diff --git a/docs/examples/sticky-footer-navbar/sticky-footer-navbar.css b/docs/examples/sticky-footer-navbar/sticky-footer-navbar.css
index 76ac2ec89c4ae0f39a39f9bccd4ed6218d89800d..ee80380630dab19b727281515f950538c3daffa3 100644
--- a/docs/examples/sticky-footer-navbar/sticky-footer-navbar.css
+++ b/docs/examples/sticky-footer-navbar/sticky-footer-navbar.css
@@ -8,7 +8,7 @@ body {
   /* Margin bottom by footer height */
   margin-bottom: 60px;
 }
-#footer {
+.footer {
   position: absolute;
   bottom: 0;
   width: 100%;
@@ -29,7 +29,7 @@ body > .container {
   margin: 20px 0;
 }
 
-#footer > .container {
+.footer > .container {
   padding-right: 15px;
   padding-left: 15px;
 }
diff --git a/docs/examples/sticky-footer/index.html b/docs/examples/sticky-footer/index.html
index a1d30106f17fb8cc8f4670c3344f6deb6c7410ae..5788cd5c911073bc8d1fc0caab6d5b7161f81132 100644
--- a/docs/examples/sticky-footer/index.html
+++ b/docs/examples/sticky-footer/index.html
@@ -37,7 +37,7 @@
       <p>Use <a href="../sticky-footer-navbar">the sticky footer with a fixed navbar</a> if need be, too.</p>
     </div>
 
-    <div id="footer">
+    <div class="footer">
       <div class="container">
         <p class="text-muted">Place sticky footer content here.</p>
       </div>
diff --git a/docs/examples/sticky-footer/sticky-footer.css b/docs/examples/sticky-footer/sticky-footer.css
index 8e9adcfaa4601e97480eca95ba5f369824678edf..b6699e80ede013112e3210bd47655438fa57541f 100644
--- a/docs/examples/sticky-footer/sticky-footer.css
+++ b/docs/examples/sticky-footer/sticky-footer.css
@@ -8,7 +8,7 @@ body {
   /* Margin bottom by footer height */
   margin-bottom: 60px;
 }
-#footer {
+.footer {
   position: absolute;
   bottom: 0;
   width: 100%;