rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-02-19 16:54:24 +01:00
Code Issues Actions Packages Releases Activity

minor rephrasing on layout/overview docs

Browse Source
This commit is contained in:
Alice Young 2016-12-31 07:25:52 -05:00 committed by Mark Otto
parent 22fcac2cea
commit b9f44d0c8b
1 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
docs/layout/overview.md
View File

@ -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) { ... }