mirror/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-02-24 03:40:10 +00:00
Code Issues Projects Releases Wiki Activity

revamp narrow jumbotron to avoid conflicts with docs .masthead

Browse Source
This commit is contained in:
Mark Otto 2013-02-17 18:48:00 -08:00
parent 36aec5e484
commit dba9eea98d
1 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
docs/examples/jumbotron-narrow.html
View File

@ -12,7 +12,7 @@ title: Narrow page template
} }
/* Everything but the jumbotron gets side spacing for mobile-first views */ /* Everything but the jumbotron gets side spacing for mobile-first views */
.masthead, .header,
.marketing, .marketing,
.footer { .footer {
padding-left: 15px; padding-left: 15px;
@ -20,11 +20,11 @@ title: Narrow page template
} }
/* Custom page header */ /* Custom page header */
.masthead { .header {
border-bottom: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;
} }
/* Make the masthead heading the same height as the navigation */ /* Make the masthead heading the same height as the navigation */
.masthead h3 { .header h3 {
margin-top: 0; margin-top: 0;
margin-bottom: 0; margin-bottom: 0;
line-height: 40px; line-height: 40px;
@ -64,14 +64,14 @@ title: Narrow page template
/* Responsive: Portrait tablets and up */ /* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) { @media screen and (min-width: 768px) {
/* Remove the padding we set earlier */ /* Remove the padding we set earlier */
.masthead, .header,
.marketing, .marketing,
.footer { .footer {
padding-left: 0; padding-left: 0;
padding-right: 0; padding-right: 0;
} }
/* Space out the masthead */ /* Space out the masthead */
.masthead { .header {
margin-bottom: 30px; margin-bottom: 30px;
} }
} }
@ -80,7 +80,7 @@ title: Narrow page template
<div class="container-narrow"> <div class="container-narrow">
<div class="masthead"> <div class="header">
<ul class="nav nav-pills pull-right"> <ul class="nav nav-pills pull-right">
<li class="active"><a href="#">Home</a></li> <li class="active"><a href="#">Home</a></li>
<li><a href="#">About</a></li> <li><a href="#">About</a></li>