mirror of
https://github.com/tenrok/bootstrap.git
synced 2026-06-08 17:22:31 +03:00
v4 beta2
This commit is contained in:
Mark Otto
Vendored
+220
-6
@@ -1,3 +1,9 @@
|
||||
/*!
|
||||
* Bootstrap Grid v4.0.0-beta.2 (https://getbootstrap.com)
|
||||
* Copyright 2011-2017 The Bootstrap Authors
|
||||
* Copyright 2011-2017 Twitter, Inc.
|
||||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
||||
*/
|
||||
@-ms-viewport {
|
||||
width: device-width;
|
||||
}
|
||||
@@ -14,11 +20,11 @@ html {
|
||||
}
|
||||
|
||||
.container {
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
width: 100%;
|
||||
padding-right: 15px;
|
||||
padding-left: 15px;
|
||||
width: 100%;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
}
|
||||
|
||||
@media (min-width: 576px) {
|
||||
@@ -47,11 +53,10 @@ html {
|
||||
|
||||
.container-fluid {
|
||||
width: 100%;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
padding-right: 15px;
|
||||
padding-left: 15px;
|
||||
width: 100%;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
}
|
||||
|
||||
.row {
|
||||
@@ -174,6 +179,11 @@ html {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.order-first {
|
||||
-ms-flex-order: -1;
|
||||
order: -1;
|
||||
}
|
||||
|
||||
.order-1 {
|
||||
-ms-flex-order: 1;
|
||||
order: 1;
|
||||
@@ -234,6 +244,50 @@ html {
|
||||
order: 12;
|
||||
}
|
||||
|
||||
.offset-1 {
|
||||
margin-left: 8.333333%;
|
||||
}
|
||||
|
||||
.offset-2 {
|
||||
margin-left: 16.666667%;
|
||||
}
|
||||
|
||||
.offset-3 {
|
||||
margin-left: 25%;
|
||||
}
|
||||
|
||||
.offset-4 {
|
||||
margin-left: 33.333333%;
|
||||
}
|
||||
|
||||
.offset-5 {
|
||||
margin-left: 41.666667%;
|
||||
}
|
||||
|
||||
.offset-6 {
|
||||
margin-left: 50%;
|
||||
}
|
||||
|
||||
.offset-7 {
|
||||
margin-left: 58.333333%;
|
||||
}
|
||||
|
||||
.offset-8 {
|
||||
margin-left: 66.666667%;
|
||||
}
|
||||
|
||||
.offset-9 {
|
||||
margin-left: 75%;
|
||||
}
|
||||
|
||||
.offset-10 {
|
||||
margin-left: 83.333333%;
|
||||
}
|
||||
|
||||
.offset-11 {
|
||||
margin-left: 91.666667%;
|
||||
}
|
||||
|
||||
@media (min-width: 576px) {
|
||||
.col-sm {
|
||||
-ms-flex-preferred-size: 0;
|
||||
@@ -308,6 +362,10 @@ html {
|
||||
flex: 0 0 100%;
|
||||
max-width: 100%;
|
||||
}
|
||||
.order-sm-first {
|
||||
-ms-flex-order: -1;
|
||||
order: -1;
|
||||
}
|
||||
.order-sm-1 {
|
||||
-ms-flex-order: 1;
|
||||
order: 1;
|
||||
@@ -356,6 +414,42 @@ html {
|
||||
-ms-flex-order: 12;
|
||||
order: 12;
|
||||
}
|
||||
.offset-sm-0 {
|
||||
margin-left: 0;
|
||||
}
|
||||
.offset-sm-1 {
|
||||
margin-left: 8.333333%;
|
||||
}
|
||||
.offset-sm-2 {
|
||||
margin-left: 16.666667%;
|
||||
}
|
||||
.offset-sm-3 {
|
||||
margin-left: 25%;
|
||||
}
|
||||
.offset-sm-4 {
|
||||
margin-left: 33.333333%;
|
||||
}
|
||||
.offset-sm-5 {
|
||||
margin-left: 41.666667%;
|
||||
}
|
||||
.offset-sm-6 {
|
||||
margin-left: 50%;
|
||||
}
|
||||
.offset-sm-7 {
|
||||
margin-left: 58.333333%;
|
||||
}
|
||||
.offset-sm-8 {
|
||||
margin-left: 66.666667%;
|
||||
}
|
||||
.offset-sm-9 {
|
||||
margin-left: 75%;
|
||||
}
|
||||
.offset-sm-10 {
|
||||
margin-left: 83.333333%;
|
||||
}
|
||||
.offset-sm-11 {
|
||||
margin-left: 91.666667%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 768px) {
|
||||
@@ -432,6 +526,10 @@ html {
|
||||
flex: 0 0 100%;
|
||||
max-width: 100%;
|
||||
}
|
||||
.order-md-first {
|
||||
-ms-flex-order: -1;
|
||||
order: -1;
|
||||
}
|
||||
.order-md-1 {
|
||||
-ms-flex-order: 1;
|
||||
order: 1;
|
||||
@@ -480,6 +578,42 @@ html {
|
||||
-ms-flex-order: 12;
|
||||
order: 12;
|
||||
}
|
||||
.offset-md-0 {
|
||||
margin-left: 0;
|
||||
}
|
||||
.offset-md-1 {
|
||||
margin-left: 8.333333%;
|
||||
}
|
||||
.offset-md-2 {
|
||||
margin-left: 16.666667%;
|
||||
}
|
||||
.offset-md-3 {
|
||||
margin-left: 25%;
|
||||
}
|
||||
.offset-md-4 {
|
||||
margin-left: 33.333333%;
|
||||
}
|
||||
.offset-md-5 {
|
||||
margin-left: 41.666667%;
|
||||
}
|
||||
.offset-md-6 {
|
||||
margin-left: 50%;
|
||||
}
|
||||
.offset-md-7 {
|
||||
margin-left: 58.333333%;
|
||||
}
|
||||
.offset-md-8 {
|
||||
margin-left: 66.666667%;
|
||||
}
|
||||
.offset-md-9 {
|
||||
margin-left: 75%;
|
||||
}
|
||||
.offset-md-10 {
|
||||
margin-left: 83.333333%;
|
||||
}
|
||||
.offset-md-11 {
|
||||
margin-left: 91.666667%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
@@ -556,6 +690,10 @@ html {
|
||||
flex: 0 0 100%;
|
||||
max-width: 100%;
|
||||
}
|
||||
.order-lg-first {
|
||||
-ms-flex-order: -1;
|
||||
order: -1;
|
||||
}
|
||||
.order-lg-1 {
|
||||
-ms-flex-order: 1;
|
||||
order: 1;
|
||||
@@ -604,6 +742,42 @@ html {
|
||||
-ms-flex-order: 12;
|
||||
order: 12;
|
||||
}
|
||||
.offset-lg-0 {
|
||||
margin-left: 0;
|
||||
}
|
||||
.offset-lg-1 {
|
||||
margin-left: 8.333333%;
|
||||
}
|
||||
.offset-lg-2 {
|
||||
margin-left: 16.666667%;
|
||||
}
|
||||
.offset-lg-3 {
|
||||
margin-left: 25%;
|
||||
}
|
||||
.offset-lg-4 {
|
||||
margin-left: 33.333333%;
|
||||
}
|
||||
.offset-lg-5 {
|
||||
margin-left: 41.666667%;
|
||||
}
|
||||
.offset-lg-6 {
|
||||
margin-left: 50%;
|
||||
}
|
||||
.offset-lg-7 {
|
||||
margin-left: 58.333333%;
|
||||
}
|
||||
.offset-lg-8 {
|
||||
margin-left: 66.666667%;
|
||||
}
|
||||
.offset-lg-9 {
|
||||
margin-left: 75%;
|
||||
}
|
||||
.offset-lg-10 {
|
||||
margin-left: 83.333333%;
|
||||
}
|
||||
.offset-lg-11 {
|
||||
margin-left: 91.666667%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1200px) {
|
||||
@@ -680,6 +854,10 @@ html {
|
||||
flex: 0 0 100%;
|
||||
max-width: 100%;
|
||||
}
|
||||
.order-xl-first {
|
||||
-ms-flex-order: -1;
|
||||
order: -1;
|
||||
}
|
||||
.order-xl-1 {
|
||||
-ms-flex-order: 1;
|
||||
order: 1;
|
||||
@@ -728,6 +906,42 @@ html {
|
||||
-ms-flex-order: 12;
|
||||
order: 12;
|
||||
}
|
||||
.offset-xl-0 {
|
||||
margin-left: 0;
|
||||
}
|
||||
.offset-xl-1 {
|
||||
margin-left: 8.333333%;
|
||||
}
|
||||
.offset-xl-2 {
|
||||
margin-left: 16.666667%;
|
||||
}
|
||||
.offset-xl-3 {
|
||||
margin-left: 25%;
|
||||
}
|
||||
.offset-xl-4 {
|
||||
margin-left: 33.333333%;
|
||||
}
|
||||
.offset-xl-5 {
|
||||
margin-left: 41.666667%;
|
||||
}
|
||||
.offset-xl-6 {
|
||||
margin-left: 50%;
|
||||
}
|
||||
.offset-xl-7 {
|
||||
margin-left: 58.333333%;
|
||||
}
|
||||
.offset-xl-8 {
|
||||
margin-left: 66.666667%;
|
||||
}
|
||||
.offset-xl-9 {
|
||||
margin-left: 75%;
|
||||
}
|
||||
.offset-xl-10 {
|
||||
margin-left: 83.333333%;
|
||||
}
|
||||
.offset-xl-11 {
|
||||
margin-left: 91.666667%;
|
||||
}
|
||||
}
|
||||
|
||||
.flex-row {
|
||||
|
||||
Reference in New Issue
Block a user