diff --git a/less/navbar.less b/less/navbar.less
index 60f5fd4f71..e474f35bd6 100644
--- a/less/navbar.less
+++ b/less/navbar.less
@@ -6,7 +6,7 @@
 .navbar {
   position: relative;
   min-height: @navbar-height; // Ensure a navbar always shows (e.g., without a .navbar-brand in collapsed mode)
-  margin-bottom: 20px;
+  margin-bottom: @navbar-margin-bottom;
   padding-left: @navbar-padding-horizontal;
   padding-right: @navbar-padding-horizontal;
   background-color: @navbar-bg;
diff --git a/less/variables.less b/less/variables.less
index 89e01700eb..bf180aff63 100644
--- a/less/variables.less
+++ b/less/variables.less
@@ -232,6 +232,7 @@
 @navbar-height:                    50px;
 @navbar-color:                     #777;
 @navbar-bg:                        #eee;
+@navbar-margin-bottom:             @line-height-computed;
 @navbar-border-radius:             @border-radius-base;
 @navbar-padding-horizontal:        floor(@grid-gutter-width / 2);
 @navbar-padding-vertical:          ((@navbar-height - @line-height-computed) / 2);