rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2024-12-01 13:24:25 +01:00
Code Issues Actions Packages Releases Activity

Make jumbotron mo responsive

Browse Source
This commit is contained in:
Mark Otto 2013-01-16 15:07:57 -08:00
parent cf693b5632
commit 1288304e91
2 changed files with 27 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
docs/assets/css/bootstrap.css vendored
View File

@ -4589,9 +4589,9 @@ a.badge:hover {
} }
.jumbotron { .jumbotron {
padding: 60px; padding: 30px;
margin-bottom: 30px; margin-bottom: 30px;
font-size: 18px; font-size: 21px;
font-weight: 200; font-weight: 200;
line-height: 30px; line-height: 30px;
color: inherit; color: inherit;
@ -4600,15 +4600,21 @@ a.badge:hover {
} }
.jumbotron h1 { .jumbotron h1 {
margin-bottom: 0;
font-size: 60px;
line-height: 1; line-height: 1;
letter-spacing: -1px;
color: inherit; color: inherit;
} }
.jumbotron li { .jumbotron p {
line-height: 30px; line-height: 1.4;
}
@media screen and (min-width: 768px) {
.jumbotron {
padding: 50px 60px;
}
.jumbotron h1 {
font-size: 60px;
}
} }
.clearfix:before, .clearfix:before,

21
less/jumbotron.less
View File

@ -4,22 +4,29 @@
.jumbotron { .jumbotron {
padding: 60px; padding: 30px;
margin-bottom: 30px; margin-bottom: 30px;
font-size: 18px; font-size: 21px;
font-weight: 200; font-weight: 200;
line-height: @line-height-base * 1.5; line-height: @line-height-base * 1.5;
color: @jumbotron-lead-color; color: @jumbotron-lead-color;
background-color: @jumbotron-background; background-color: @jumbotron-background;
border-radius: 6px; border-radius: 6px;
h1 { h1 {
margin-bottom: 0;
font-size: 60px;
line-height: 1; line-height: 1;
color: @jumbotron-heading-color; color: @jumbotron-heading-color;
letter-spacing: -1px;
} }
li { p {
line-height: @line-height-base * 1.5; // Reset since we specify in type.less line-height: 1.4;
}
}
@media screen and (min-width: 768px) {
.jumbotron {
padding: 50px 60px;
h1 {
font-size: 60px;
}
} }
} }