rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-02-19 16:54:24 +01:00
Code Issues Actions Packages Releases 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 */
.masthead,
.header,
.marketing,
.footer {
padding-left: 15px;
@ -20,11 +20,11 @@ title: Narrow page template
}
/* Custom page header */
.masthead {
.header {
border-bottom: 1px solid #e5e5e5;
}
/* Make the masthead heading the same height as the navigation */
.masthead h3 {
.header h3 {
margin-top: 0;
margin-bottom: 0;
line-height: 40px;
@ -64,14 +64,14 @@ title: Narrow page template
/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
/* Remove the padding we set earlier */
.masthead,
.header,
.marketing,
.footer {
padding-left: 0;
padding-right: 0;
}
/* Space out the masthead */
.masthead {
.header {
margin-bottom: 30px;
}
}
@ -80,7 +80,7 @@ title: Narrow page template
<div class="container-narrow">
<div class="masthead">
<div class="header">
<ul class="nav nav-pills pull-right">
<li class="active"><a href="#">Home</a></li>
<li><a href="#">About</a></li>