mirror of
https://github.com/twbs/bootstrap.git
synced 2025-02-19 16:54:24 +01:00
tweak a few more things
- adjust some verbiage - change the example to correct some labels and range names
This commit is contained in:
parent
b9f44d0c8b
commit
bccb8ce213
@ -118,7 +118,7 @@ Once again, these media queries are also available via Sass mixins:
|
||||
@include media-breakpoint-down(lg) { ... }
|
||||
{% endhighlight %}
|
||||
|
||||
We can also use media queries to target a single segment of screen sizes, using the minimum and maximum breakpoint widths:
|
||||
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)
|
||||
@ -151,14 +151,14 @@ 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 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
|
||||
|
Loading…
x
Reference in New Issue
Block a user