mirror_css/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-22 21:22:52 +02:00
Code Issues Releases Wiki Activity

Fixes #6995: Add disabled navbar nav link support

Browse Source
This commit is contained in:
Mark Otto
2013-02-28 23:20:25 -08:00
parent 4418c82888
commit 5a30e52aac
5 changed files with 36 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
docs/assets/css/bootstrap.css vendored
View File

@@ -2991,6 +2991,7 @@ button.close {
.nav > .disabled > a:hover,
.nav > .disabled > a:focus {
color: #999999;
text-decoration: none;
cursor: default;
background-color: transparent;
@@ -3149,6 +3150,13 @@ button.close {
background-color: #d5d5d5;
}
.navbar .nav > .disabled > a,
.navbar .nav > .disabled > a:hover,
.navbar .nav > .disabled > a:focus {
color: #cccccc;
background-color: transparent;
}
.navbar-static-top {
border-radius: 0;
}
@@ -3307,6 +3315,13 @@ button.close {
background-color: #080808;
}
.navbar-inverse .nav > .disabled > a,
.navbar-inverse .nav > .disabled > a:hover,
.navbar-inverse .nav > .disabled > a:focus {
color: #444444;
background-color: transparent;
}
.navbar-inverse .navbar-toggle {
border-color: #333;
}

4
docs/components.html
View File

@@ -805,7 +805,7 @@ title: Components
<ul class="nav">
<li class="active"><a href="#">Home</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li class="disabled"><a href="#">Disabled</a></li>
</ul>
</div>
</div><!-- /example -->
@@ -813,7 +813,7 @@ title: Components
<ul class="nav">
<li class="active"><a href="#">Home</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li class="disabled"><a href="#">Disabled</a></li>
</ul>
{% endhighlight %}
<p>You can easily add dividers to your nav links with an empty list item and a simple class. Just add the appropriate class to <code>&lt;li&gt;</code> elements between links. Dividers will be horizontal to start, but at resolutions above 768px they become vertical with the navigation.</p>