aboutsummaryrefslogtreecommitdiff
path: root/docs/layout/overview.md
diff options
context:
space:
mode:
authorPierre-Denis Vanduynslager <[email protected]>2017-01-04 12:22:06 -0500
committerPierre-Denis Vanduynslager <[email protected]>2017-01-04 12:22:06 -0500
commitc4867cfedb6235708967aa8518c59ffed2816f0b (patch)
treec7be6d18ee7c7a61f319bccacc035b9952171db1 /docs/layout/overview.md
parent425d156df27fa6c18e979aa000bfe5a346ee3450 (diff)
parent1b194c06607f6cc3d087d25d6d49e1698771f3a1 (diff)
downloadbootstrap-c4867cfedb6235708967aa8518c59ffed2816f0b.tar.xz
bootstrap-c4867cfedb6235708967aa8518c59ffed2816f0b.zip
Merge branch 'twbs/v4-dev' into dropdown-keyboard
# Conflicts: # js/src/dropdown.js
Diffstat (limited to 'docs/layout/overview.md')
-rw-r--r--docs/layout/overview.md14
1 files changed, 7 insertions, 7 deletions
diff --git a/docs/layout/overview.md b/docs/layout/overview.md
index ee21b70f2..736b9ed12 100644
--- a/docs/layout/overview.md
+++ b/docs/layout/overview.md
@@ -118,7 +118,7 @@ Once again, these media queries are also available via Sass mixins:
@include media-breakpoint-down(lg) { ... }
{% endhighlight %}
-We also have media between the breakpoint's minimum and maximum widths for only the given screen size:
+There are also media queries and mixins for targeting a single segment of screen sizes using the minimum and maximum breakpoint widths.
{% highlight scss %}
// Extra small devices (portrait phones, less than 576px)
@@ -147,18 +147,18 @@ These media queries are also available via Sass mixins:
@include media-breakpoint-only(xl) { ... }
{% endhighlight %}
-And finally media that spans multiple breakpoint widths:
+Similarly, media queries may span multiple breakpoint widths:
{% highlight scss %}
// Example
-// Medium devices (tablets, 768px and up) and Large devices (desktops, 992px and up)
+// Apply styles starting from medium devices and up to extra large devices
@media (min-width: 768px) and (max-width: 1199px) { ... }
{% endhighlight %}
-The Sass mixin for the above example look like that shown beneath:
+The Sass mixin for targeting the same screen size range would be:
{% highlight scss %}
-@include media-breakpoint-between(md, lg) { ... }
+@include media-breakpoint-between(md, xl) { ... }
{% endhighlight %}
## Z-index
@@ -171,8 +171,8 @@ We don't encourage customization of these values; should you change one, you lik
$zindex-dropdown-backdrop: 990 !default;
$zindex-navbar: 1000 !default;
$zindex-dropdown: 1000 !default;
-$zindex-navbar-fixed: 1030 !default;
-$zindex-navbar-sticky: 1030 !default;
+$zindex-fixed: 1030 !default;
+$zindex-sticky: 1030 !default;
$zindex-modal-backdrop: 1040 !default;
$zindex-modal: 1050 !default;
$zindex-popover: 1060 !default;