From 4fc526f24ad21bd8d241d3d5c53861001c45c83b Mon Sep 17 00:00:00 2001
From: Mark Otto <markdotto@gmail.com>
Date: Sat, 26 Nov 2016 00:19:13 -0800
Subject: [PATCH 1/2] add disabled classes to light and dark navbar nav-links

---
 scss/_navbar.scss | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/scss/_navbar.scss b/scss/_navbar.scss
index 3ee8d41071..ebf27af8b2 100644
--- a/scss/_navbar.scss
+++ b/scss/_navbar.scss
@@ -206,6 +206,10 @@
       @include hover-focus {
         color: $navbar-light-hover-color;
       }
+
+      &.disabled {
+        color: $navbar-light-disabled-color;
+      }
     }
 
     .open > .nav-link,
@@ -250,6 +254,10 @@
       @include hover-focus {
         color: $navbar-dark-hover-color;
       }
+
+      &.disabled {
+        color: $navbar-dark-disabled-color;
+      }
     }
 
     .open > .nav-link,

From 25216349b38d1cff78ae5b2febc0fe252e983f0f Mon Sep 17 00:00:00 2001
From: Mark Otto <markdotto@gmail.com>
Date: Sat, 26 Nov 2016 00:19:30 -0800
Subject: [PATCH 2/2] add some disabled navbar link examples

---
 docs/components/navbar.md | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/docs/components/navbar.md b/docs/components/navbar.md
index 34fb6f28bd..06a90a2121 100644
--- a/docs/components/navbar.md
+++ b/docs/components/navbar.md
@@ -44,7 +44,7 @@ Here's an example of all the sub-components included in a default, non-responsiv
       <a class="nav-link" href="#">Link</a>
     </li>
     <li class="nav-item">
-      <a class="nav-link" href="#">Link</a>
+      <a class="nav-link disabled" href="#">Disabled</a>
     </li>
     <li class="nav-item dropdown">
       <a class="nav-link dropdown-toggle" href="http://example.com" id="supportedContentDropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Dropdown</a>
@@ -118,7 +118,7 @@ Active states—with `.active`—to indicate the current page can be applied dir
       <a class="nav-link" href="#">Pricing</a>
     </li>
     <li class="nav-item">
-      <a class="nav-link" href="#">About</a>
+      <a class="nav-link disabled" href="#">Disabled</a>
     </li>
   </ul>
 </nav>
@@ -132,7 +132,7 @@ And because we use classes for our navs, you can avoid the list-based approach e
     <a class="nav-item nav-link active" href="#">Home <span class="sr-only">(current)</span></a>
     <a class="nav-item nav-link" href="#">Features</a>
     <a class="nav-item nav-link" href="#">Pricing</a>
-    <a class="nav-item nav-link" href="#">About</a>
+    <a class="nav-item nav-link disabled" href="#">Disabled</a>
   </div>
 </nav>
 {% endexample %}