1
0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-20 12:21:35 +02:00

Add .container-fluid variation for full-width containers and layouts

/cc #10711 #9862
This commit is contained in:
Mark Otto
2013-12-07 20:52:51 -08:00
parent 73bc7d9f12
commit 6273604601
6 changed files with 84 additions and 16 deletions

View File

@@ -839,6 +839,33 @@ pre code {
}
}
.container-fluid {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.container-fluid:before,
.container-fluid:after {
display: table;
content: " ";
}
.container-fluid:after {
clear: both;
}
.container-fluid:before,
.container-fluid:after {
display: table;
content: " ";
}
.container-fluid:after {
clear: both;
}
.row {
margin-right: -15px;
margin-left: -15px;
@@ -4467,14 +4494,18 @@ textarea.input-group-sm > .input-group-btn > .btn {
}
.container > .navbar-header,
.container > .navbar-collapse {
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
margin-right: -15px;
margin-left: -15px;
}
@media (min-width: 768px) {
.container > .navbar-header,
.container > .navbar-collapse {
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
margin-right: 0;
margin-left: 0;
}
@@ -4530,7 +4561,8 @@ textarea.input-group-sm > .input-group-btn > .btn {
}
@media (min-width: 768px) {
.navbar > .container .navbar-brand {
.navbar > .container .navbar-brand,
.navbar > .container-fluid .navbar-brand {
margin-left: -15px;
}
}

File diff suppressed because one or more lines are too long