Fix #9174: pad bottom of navbar collapsed content and clear floated contents

1 files changed, 7 insertions, 2 deletions

diff --git a/less/navbar.less b/less/navbar.less
index 2efc3545bd..805800cf6e 100644
--- a/less/navbar.less
+++ b/less/navbar.less
@@ -82,14 +82,18 @@
 }
 .navbar-fixed-top {
   top: 0;
-  .nav-collapse {
-  }
 }
 .navbar-fixed-bottom {
   bottom: 0;
   margin-bottom: 0; // override .navbar defaults
 }
 
+.nav-collapse {
+  // Space out collapsed contents within the mobile navbar
+  padding-bottom: @navbar-padding-vertical;
+  // Clear floated elements and prevent collapsing of padding
+  .clearfix();
+}
 
 // Scrollable navbar navigation
 //
@@ -353,6 +357,7 @@
   .nav-collapse.collapse {
     display: block !important;
     height: auto !important;
+    padding-bottom: 0; // Override default setting
     overflow: visible !important;
   }