aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorMark Otto <[email protected]>2016-02-06 13:02:28 -0800
committerMark Otto <[email protected]>2016-02-06 13:02:28 -0800
commitbc45addbc37e70e195c28cc6857360202d5e565e (patch)
treedc6973404ebd259f0599ff7e5f53270a2aac17d6
parent7114e94d6668ad2b7b91b67d2b3d75a9258b1c2a (diff)
downloadbootstrap-bc45addbc37e70e195c28cc6857360202d5e565e.tar.xz
bootstrap-bc45addbc37e70e195c28cc6857360202d5e565e.zip
update grid vars docs
-rw-r--r--docs/layout/grid.md14
1 files changed, 10 insertions, 4 deletions
diff --git a/docs/layout/grid.md b/docs/layout/grid.md
index b0e00a396..d43f6e8ab 100644
--- a/docs/layout/grid.md
+++ b/docs/layout/grid.md
@@ -135,9 +135,12 @@ When using Bootstrap's source Sass files, you have the option of using Sass vari
### Variables
-Variables determine the number of columns, the gutter width, and the media query point at which to begin floating columns. We use these to generate the predefined grid classes documented above, as well as for the custom mixins listed below.
+Variables and maps determine the number of columns, the gutter width, and the media query point at which to begin floating columns. We use these to generate the predefined grid classes documented above, as well as for the custom mixins listed below.
{% highlight scss %}
+$grid-columns: 12;
+$grid-gutter-width: 15px;
+
$grid-breakpoints: (
// Extra small screen / phone
xs: 0,
@@ -151,9 +154,12 @@ $grid-breakpoints: (
xl: 1200px
);
-
-$grid-columns: 12;
-$grid-gutter-width: 1.875rem;
+$container-max-widths: (
+ sm: 576px,
+ md: 720px,
+ lg: 940px,
+ xl: 1140px
+) !default;
{% endhighlight %}
### Mixins