diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css
index 43ef8547f5..e09e58a822 100644
--- a/docs/assets/css/bootstrap.css
+++ b/docs/assets/css/bootstrap.css
@@ -2359,6 +2359,9 @@ button.btn.small, input[type="submit"].btn.small {
 .btn-navbar .i-bar + .i-bar {
   margin-top: 3px;
 }
+.nav-collapse.collapse {
+  height: auto !important;
+}
 .navbar .brand:hover {
   text-decoration: none;
 }
diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css
index f36fa76d61..7876f300a3 100644
--- a/docs/assets/css/docs.css
+++ b/docs/assets/css/docs.css
@@ -671,11 +671,6 @@ form.well {
   }
 }
 
-@media (min-width: 940px) {
-  .nav-collapse.collapse {
-    height: auto !important;
-  }
-}
 
 @media (max-width: 768px) {
 
@@ -768,6 +763,7 @@ form.well {
 
 }
 
+
 @media (max-width: 940px) {
 
   /* Unfloat brand */
@@ -780,6 +776,7 @@ form.well {
 
 }
 
+
 /* LARGE DESKTOP SCREENS */
 @media (min-width: 1210px) {
 
diff --git a/docs/components.html b/docs/components.html
index 710e7de77c..f9f8db0579 100644
--- a/docs/components.html
+++ b/docs/components.html
@@ -766,6 +766,9 @@
   </div>
 </div>
 </pre>
+      <div class="alert alert-info">
+        <strong>Heads up!</strong> The responsive navbar requires the <a href="./javascript.html#collapse">collapse plugin</a>.
+      </div>
 
     </div><!-- /.span -->
     <div class="span4">
diff --git a/docs/templates/pages/components.mustache b/docs/templates/pages/components.mustache
index 5c91431fa1..5cb914e32d 100644
--- a/docs/templates/pages/components.mustache
+++ b/docs/templates/pages/components.mustache
@@ -694,6 +694,9 @@
   &lt;/div&gt;
 &lt;/div&gt;
 </pre>
+      <div class="alert alert-info">
+        <strong>{{_i}}Heads up!{{/i}}</strong> The responsive navbar requires the <a href="./javascript.html#collapse">collapse plugin</a>.
+      </div>
 
     </div><!-- /.span -->
     <div class="span4">
diff --git a/less/navbar.less b/less/navbar.less
index 4fd8a9073d..404782e61a 100644
--- a/less/navbar.less
+++ b/less/navbar.less
@@ -38,6 +38,10 @@
 .btn-navbar .i-bar + .i-bar {
   margin-top: 3px;
 }
+.nav-collapse.collapse {
+  height: auto !important; // Required to be !important to override native collapse plugin
+}
+
 
 // Brand, links, text, and buttons
 .navbar {