0
0
mirror of https://github.com/twbs/bootstrap.git synced 2024-12-01 13:24:25 +01:00

introduce .navbar-link to resolve issue with buttons in .navbar-text

This commit is contained in:
Mark Otto 2012-03-25 01:21:47 -07:00
parent a7b8e52f8e
commit 6c5c29ada2
4 changed files with 14 additions and 1 deletions

Binary file not shown.

View File

@ -2896,6 +2896,12 @@ input[type="submit"].btn.btn-mini {
margin-bottom: 0;
line-height: 40px;
}
.navbar .navbar-link {
color: #999999;
}
.navbar .navbar-link:hover {
color: #ffffff;
}
.navbar .btn,
.navbar .btn-group {
margin-top: 5px;

View File

@ -50,7 +50,7 @@
<li><a href="#about">About</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
<p class="navbar-text pull-right">Logged in as <a href="#">username</a></p>
<p class="navbar-text pull-right">Logged in as <a class="navbar-link" href="#">username</a></p>
</div><!--/.nav-collapse -->
</div>
</div>

View File

@ -81,6 +81,13 @@
margin-bottom: 0;
line-height: @navbarHeight;
}
// Janky solution for now to account for links outside the .nav
.navbar-link {
color: @navbarLinkColor;
&:hover {
color: @navbarLinkColorHover;
}
}
// Buttons in navbar
.btn,
.btn-group {