more navs work

dist/css/bootstrap.css

@@ -2976,6 +2976,44 @@ select[multiple].input-group-sm > .input-group-btn > .btn {
 .input-group-btn:last-child > .btn-group {
   margin-left: -1px;
 }
+.nav {
+  padding-left: 0;
+  margin-bottom: 24px;
+  list-style: none;
+}
+.nav-item {
+  position: relative;
+  display: block;
+}
+.nav-link {
+  display: block;
+  padding: .5em 1em;
+  line-height: 1.5;
+}
+.nav-link:hover,
+.nav-link:focus {
+  text-decoration: none;
+  background-color: #eceeef;
+}
+.open > .nav-link,
+.active > .nav-link,
+.open > .nav-link:hover,
+.active > .nav-link:hover,
+.open > .nav-link:focus,
+.active > .nav-link:focus {
+  color: #fff;
+  background-color: #027de7;
+}
+.disabled > .nav-link {
+  color: #818a91;
+}
+.disabled > .nav-link,
+.disabled > .nav-link:hover,
+.disabled > .nav-link:focus {
+  color: #818a91;
+  cursor: not-allowed;
+  background-color: transparent;
+}
 .nav {
   padding-left: 0;
   margin-bottom: 0;
@@ -5113,6 +5151,8 @@ button.close {
 .btn-group-vertical > .btn-group:after,
 .nav:before,
 .nav:after,
+.nav:before,
+.nav:after,
 .nav-tab:before,
 .nav-tab:after,
 .nav-pill:before,
@@ -5139,6 +5179,7 @@ button.close {
 .btn-toolbar:after,
 .btn-group-vertical > .btn-group:after,
 .nav:after,
+.nav:after,
 .nav-tab:after,
 .nav-pill:after,
 .navbar:after,

docs/dist/css/bootstrap.css

@@ -2976,6 +2976,44 @@ select[multiple].input-group-sm > .input-group-btn > .btn {
 .input-group-btn:last-child > .btn-group {
   margin-left: -1px;
 }
+.nav {
+  padding-left: 0;
+  margin-bottom: 24px;
+  list-style: none;
+}
+.nav-item {
+  position: relative;
+  display: block;
+}
+.nav-link {
+  display: block;
+  padding: .5em 1em;
+  line-height: 1.5;
+}
+.nav-link:hover,
+.nav-link:focus {
+  text-decoration: none;
+  background-color: #eceeef;
+}
+.open > .nav-link,
+.active > .nav-link,
+.open > .nav-link:hover,
+.active > .nav-link:hover,
+.open > .nav-link:focus,
+.active > .nav-link:focus {
+  color: #fff;
+  background-color: #027de7;
+}
+.disabled > .nav-link {
+  color: #818a91;
+}
+.disabled > .nav-link,
+.disabled > .nav-link:hover,
+.disabled > .nav-link:focus {
+  color: #818a91;
+  cursor: not-allowed;
+  background-color: transparent;
+}
 .nav {
   padding-left: 0;
   margin-bottom: 0;
@@ -5113,6 +5151,8 @@ button.close {
 .btn-group-vertical > .btn-group:after,
 .nav:before,
 .nav:after,
+.nav:before,
+.nav:after,
 .nav-tab:before,
 .nav-tab:after,
 .nav-pill:before,
@@ -5139,6 +5179,7 @@ button.close {
 .btn-toolbar:after,
 .btn-group-vertical > .btn-group:after,
 .nav:after,
+.nav:after,
 .nav-tab:after,
 .nav-pill:after,
 .navbar:after,

less/navs.less

@@ -3,6 +3,60 @@
 // --------------------------------------------------
 
 
+// - Mixins for horizontal and vertical nav
+// - Classes for tabs and pills
+
+
+.nav {
+  margin-bottom: @line-height-computed;
+  .list-unstyled();
+  &:extend(.clearfix all);
+}
+
+.nav-item {
+  position: relative;
+  display: block;
+}
+
+.nav-link {
+  display: block;
+  padding: @nav-link-padding;
+  line-height: @line-height-base;
+
+  &:hover,
+  &:focus {
+    text-decoration: none;
+    background-color: @nav-link-hover-bg;
+  }
+
+  // Open dropdown and active states
+  .open > &,
+  .active > & {
+    &,
+    &:hover,
+    &:focus {
+      color: @component-active-color;
+      background-color: @component-active-bg;
+    }
+  }
+
+  // Disabled state sets text to gray and nukes hover/tab effects
+  .disabled > & {
+    color: @nav-disabled-link-color;
+
+    &,
+    &:hover,
+    &:focus {
+      color: @nav-disabled-link-hover-color;
+      background-color: transparent;
+      cursor: not-allowed;
+    }
+  }
+}
+
+
+
+
 // Base class
 // --------------------------------------------------