mirror of
https://github.com/twbs/bootstrap.git
synced 2025-01-30 22:52:24 +01:00
Additional cleanup to responsive navbar
This commit is contained in:
parent
994e36806c
commit
7991062f93
@ -30,30 +30,6 @@ body {
|
|||||||
margin-top: 20px;
|
margin-top: 20px;
|
||||||
margin-bottom: -90px; /* Negative margin to pull up carousel. 90px is roughly margins and height of navbar. */
|
margin-bottom: -90px; /* Negative margin to pull up carousel. 90px is roughly margins and height of navbar. */
|
||||||
}
|
}
|
||||||
.navbar-wrapper .navbar {
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Remove border and change up box shadow for more contrast */
|
|
||||||
.navbar .navbar-inner {
|
|
||||||
border: 0;
|
|
||||||
-webkit-box-shadow: 0 2px 10px rgba(0,0,0,.25);
|
|
||||||
-moz-box-shadow: 0 2px 10px rgba(0,0,0,.25);
|
|
||||||
box-shadow: 0 2px 10px rgba(0,0,0,.25);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Downsize the brand/project name a bit */
|
|
||||||
.navbar .brand {
|
|
||||||
padding: 14px 20px 16px; /* Increase vertical padding to match navbar links */
|
|
||||||
font-size: 16px;
|
|
||||||
font-weight: bold;
|
|
||||||
text-shadow: 0 -1px 0 rgba(0,0,0,.5);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Navbar links: increase padding for taller navbar */
|
|
||||||
.navbar .nav > li > a {
|
|
||||||
padding: 15px 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/* CUSTOMIZE THE CAROUSEL
|
/* CUSTOMIZE THE CAROUSEL
|
||||||
@ -87,11 +63,7 @@ body {
|
|||||||
padding: 0 20px;
|
padding: 0 20px;
|
||||||
margin-top: 200px;
|
margin-top: 200px;
|
||||||
}
|
}
|
||||||
.carousel-caption h1,
|
|
||||||
.carousel-caption .lead {
|
|
||||||
margin: 0;
|
|
||||||
line-height: 1.25;
|
|
||||||
}
|
|
||||||
.carousel-caption .btn {
|
.carousel-caption .btn {
|
||||||
margin-top: 10px;
|
margin-top: 10px;
|
||||||
}
|
}
|
||||||
@ -155,10 +127,6 @@ body {
|
|||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
width: auto;
|
width: auto;
|
||||||
}
|
}
|
||||||
.navbar-inner {
|
|
||||||
border-radius: 0;
|
|
||||||
margin: -20px 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.carousel .item {
|
.carousel .item {
|
||||||
height: 500px;
|
height: 500px;
|
||||||
@ -184,10 +152,6 @@ body {
|
|||||||
|
|
||||||
@media (max-width: 767px) {
|
@media (max-width: 767px) {
|
||||||
|
|
||||||
.navbar-inner {
|
|
||||||
margin: -20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.carousel {
|
.carousel {
|
||||||
margin-left: -20px;
|
margin-left: -20px;
|
||||||
margin-right: -20px;
|
margin-right: -20px;
|
||||||
|
Loading…
x
Reference in New Issue
Block a user