0
0
mirror of https://github.com/twbs/bootstrap.git synced 2025-03-02 02:29:24 +01:00

fix homepage nav styles

This commit is contained in:
Mark Otto 2015-01-19 15:44:45 -08:00
parent a72741ed62
commit 72bc9b97f0
4 changed files with 32 additions and 29 deletions

View File

@ -1,4 +1,4 @@
<header class="navbar navbar-inverse navbar-static-top bs-docs-nav" id="top" role="banner"> <header class="navbar navbar-static-top bs-nav-home" id="top" role="banner">
<div class="container"> <div class="container">
<h3 class="navbar-brand"> <h3 class="navbar-brand">
<a href="{{ site.baseurl }}">Bootstrap</a> <a href="{{ site.baseurl }}">Bootstrap</a>

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -96,36 +96,39 @@ body {
// Main navigation // Main navigation
// //
.bs-docs-nav { .bs-nav-home {
margin-bottom: 0; margin-bottom: 0;
background-color: #563d7c; background-color: #563d7c;
border-bottom: 0; border-bottom: 0;
.navbar-brand > a {
font-weight: 500;
color: #fff;
}
.nav-link {
font-weight: 500;
color: #cdbfe3;
&:hover,
&:focus {
color: #fff;
background-color: rgba(0,0,0,.5);
}
}
} }
.bs-docs-nav .navbar-brand > a,
.bs-docs-nav .navbar-nav > li > a { // .bs-nav-home .navbar-toggle .icon-bar {
font-weight: 500; // background-color: #fff;
color: #cdbfe3; // }
} // .bs-nav-home .navbar-header .navbar-toggle {
.bs-docs-nav .navbar-brand > a { // border-color: #322f38;
color: #fff; // }
} // .bs-nav-home .navbar-header .navbar-toggle:hover,
.bs-docs-nav .navbar-nav > li > a:hover, // .bs-nav-home .navbar-header .navbar-toggle:focus {
.bs-docs-nav .navbar-nav > .active > a, // background-color: #29262f;
.bs-docs-nav .navbar-nav > .active > a:hover { // border-color: #29262f;
color: #fff; // }
background-color: #563d7c;
}
.bs-docs-nav .navbar-toggle .icon-bar {
background-color: #fff;
}
.bs-docs-nav .navbar-header .navbar-toggle {
border-color: #322f38;
}
.bs-docs-nav .navbar-header .navbar-toggle:hover,
.bs-docs-nav .navbar-header .navbar-toggle:focus {
background-color: #29262f;
border-color: #29262f;
}
// //