diff --git a/customize.html b/customize.html
index e0b269e710..fd34429812 100644
--- a/customize.html
+++ b/customize.html
@@ -488,19 +488,19 @@ base_url: "../"
Define the maximum width of .container
for different screen sizes.
diff --git a/less/grid.less b/less/grid.less
index d3a3cf6bca..ef6f1ebda9 100644
--- a/less/grid.less
+++ b/less/grid.less
@@ -116,7 +116,7 @@
@media (min-width: @screen-sm) {
.container {
- max-width: @container-tablet;
+ max-width: @container-sm;
}
.col-sm-1,
@@ -194,7 +194,7 @@
@media (min-width: @screen-md) {
.container {
- max-width: @container-desktop;
+ max-width: @container-md;
}
.col-md-1,
.col-md-2,
@@ -272,9 +272,9 @@
// Note that `.col-lg-12` doesn't get floated on purpose—there's no need since
// it's full-width.
-@media (min-width: @screen-lg-desktop) {
+@media (min-width: @screen-lg-min) {
.container {
- max-width: @container-lg-desktop;
+ max-width: @container-lg;
}
.col-lg-1,
diff --git a/less/variables.less b/less/variables.less
index 7dff919c39..8927d70fff 100644
--- a/less/variables.less
+++ b/less/variables.less
@@ -626,10 +626,13 @@
// --------------------------------------------------
// Small screen / tablet
-@container-tablet: ((720px + @grid-gutter-width));
+@container-sm: ((720px + @grid-gutter-width));
+@container-tablet: @container-sm;
// Medium screen / desktop
-@container-desktop: ((940px + @grid-gutter-width));
+@container-md: ((940px + @grid-gutter-width));
+@container-desktop: @container-md;
// Large screen / wide desktop
-@container-lg-desktop: ((1140px + @grid-gutter-width));
+@container-lg: ((1140px + @grid-gutter-width));
+@container-large-desktop: @container-lg;