1
0
mirror of https://github.com/twbs/bootstrap.git synced 2025-01-18 05:58:25 +01:00

Add in responsive for 1200px+ layout; increase padding for that viewport size

This commit is contained in:
Mark Otto 2013-01-16 14:48:25 -08:00
parent 13a80f33c8
commit cf693b5632
4 changed files with 28 additions and 6 deletions

View File

@ -688,7 +688,6 @@ pre code {
}
.container {
max-width: 940px;
margin-right: auto;
margin-left: auto;
}
@ -4706,8 +4705,6 @@ a.badge:hover {
}
.container {
max-width: 940px;
margin-right: auto;
margin-left: auto;
}
.navbar {
padding-top: 0;
@ -4740,6 +4737,16 @@ a.badge:hover {
}
}
@media screen and (min-width: 1200px) {
.container {
max-width: 1170px;
}
[class^="span"] {
padding-right: 15px;
padding-left: 15px;
}
}
/*
// Responsive
// -------------------------------------------------------------

View File

@ -213,6 +213,11 @@ section > ul li {
}
}
@media screen and (min-width: 1200px) {
.bs-docs-sidenav {
width: 260px;
}
}

15
less/bootstrap.less vendored
View File

@ -88,8 +88,6 @@
*/
.container {
max-width: 940px;
margin-left: auto;
margin-right: auto;
}
.navbar {
@ -126,6 +124,19 @@
}
// Responsive: Large desktops and up
@media screen and (min-width: 1200px) {
.container {
max-width: 1170px;
}
[class^="span"] {
padding-left: 15px;
padding-right: 15px;
}
}
/*
// Responsive
// -------------------------------------------------------------

View File

@ -6,7 +6,6 @@
// Set the container width, and override it for fixed navbars in media queries
.container {
.container-fixed();
max-width: 940px;
}
// Mobile-first defaults