diff options
| author | Mark Otto <[email protected]> | 2016-11-26 02:03:46 -0800 |
|---|---|---|
| committer | GitHub <[email protected]> | 2016-11-26 02:03:46 -0800 |
| commit | 8ef1d93d0c14be02b7158d25cac095bfe1cabbae (patch) | |
| tree | bab1045935d3540105980ddee39d491a28a3cbeb | |
| parent | b9947152c67ff92f4ba9a8abf4c7ebbafef1b1fa (diff) | |
| parent | 25216349b38d1cff78ae5b2febc0fe252e983f0f (diff) | |
| download | bootstrap-8ef1d93d0c14be02b7158d25cac095bfe1cabbae.tar.xz bootstrap-8ef1d93d0c14be02b7158d25cac095bfe1cabbae.zip | |
Merge pull request #21205 from twbs/navbar-disabled
v4 disabled navbar links
| -rw-r--r-- | docs/components/navbar.md | 6 | ||||
| -rw-r--r-- | scss/_navbar.scss | 8 |
2 files changed, 11 insertions, 3 deletions
diff --git a/docs/components/navbar.md b/docs/components/navbar.md index 34fb6f28b..06a90a212 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 %} diff --git a/scss/_navbar.scss b/scss/_navbar.scss index 3ee8d4107..ebf27af8b 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, |