diff options
| author | Alice Young <[email protected]> | 2016-12-31 07:25:52 -0500 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2016-12-31 12:47:57 -0800 |
| commit | b9f44d0c8b060d44815eabe8d6d64a9cf901a9ff (patch) | |
| tree | 885c264df8293228b57342b08b52b9851473c5bf | |
| parent | 22fcac2ceac9edf1f7fdffd27215e17833b6d68b (diff) | |
| download | bootstrap-b9f44d0c8b060d44815eabe8d6d64a9cf901a9ff.tar.xz bootstrap-b9f44d0c8b060d44815eabe8d6d64a9cf901a9ff.zip | |
minor rephrasing on layout/overview docs
| -rw-r--r-- | docs/layout/overview.md | 6 |
1 files changed, 3 insertions, 3 deletions
diff --git a/docs/layout/overview.md b/docs/layout/overview.md index ee21b70f2..f0decede3 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: +We can also use media queries to target a single segment of screen sizes, using the minimum and maximum breakpoint widths: {% highlight scss %} // Extra small devices (portrait phones, less than 576px) @@ -147,7 +147,7 @@ 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 @@ -155,7 +155,7 @@ And finally media that spans multiple breakpoint widths: @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) { ... } |
