2
0
mirror of https://github.com/tenrok/bootstrap.git synced 2026-06-05 16:42:29 +03:00

More navbar tweaks, including making fixed navbars work in the docs by adding padding to body

This commit is contained in:
Mark Otto
2013-01-16 16:20:29 -08:00
parent 9ba14cfb7c
commit 6b193dc22d
3 changed files with 18 additions and 11 deletions
+7 -5
View File
@@ -16,7 +16,7 @@
.navbar .brand {
display: inline-block;
padding: ((@navbar-height - @line-height-base) / 2) 15px;
padding: 7px 15px;
font-size: 18px;
font-weight: bold;
line-height: @line-height-base;
@@ -58,9 +58,6 @@
.nav {
margin-top: 15px; // space out from .navbar .brand and .btn-navbar
}
.nav > li {
float: left;
}
.nav > li > a {
padding-top: (@navbar-height - @line-height-base) / 2;
padding-bottom: (@navbar-height - @line-height-base) / 2;
@@ -79,7 +76,7 @@
background-color: @navbar-link-bg-active;
}
}
@media screen and (min-width: 992px) {
@media screen and (min-width: 768px) {
.navbar {
padding-top: 0;
@@ -87,12 +84,17 @@
}
.navbar .brand {
float: left;
padding-top: (@navbar-height - @line-height-base) / 2;
padding-bottom: (@navbar-height - @line-height-base) / 2;
margin-left: -15px;
}
.navbar .nav {
.clear_float();
margin-top: 0; // undo top margin to make nav extend full height of navbar
}
.navbar .nav > li {
float: left;
}
// Required to make the collapsing navbar work on regular desktops
.navbar .btn-navbar {