github/bootstrap
1
1
Fork 0
mirror of https://github.com/jasny/bootstrap.git synced 2026-02-04 02:55:28 -05:00
Code Issues Packages Projects Releases Wiki 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
Download Patch File Download Diff File Expand all files Collapse all files

21
less/jumbotron.less
View File

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