Skip to content
GitLab
Projects
Groups
Snippets
/
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in / Register
Toggle navigation
Menu
Open sidebar
Bootstrap
bootstrap
Commits
b9f44d0c
Commit
b9f44d0c
authored
8 years ago
by
Alice Young
Committed by
Mark Otto
8 years ago
Browse files
Options
Download
Email Patches
Plain Diff
minor rephrasing on layout/overview docs
parent
22fcac2c
Changes
1
Hide whitespace changes
Inline
Side-by-side
Showing
1 changed file
docs/layout/overview.md
+3
-3
docs/layout/overview.md
with
3 additions
and
3 deletions
+3
-3
docs/layout/overview.md
+
3
-
3
View file @
b9f44d0c
...
@@ -118,7 +118,7 @@ Once again, these media queries are also available via Sass mixins:
...
@@ -118,7 +118,7 @@ Once again, these media queries are also available via Sass mixins:
@include media-breakpoint-down(lg) { ... }
@include media-breakpoint-down(lg) { ... }
{% endhighlight %}
{% endhighlight %}
We also
hav
e media
between the breakpoint's minimum and maximum widths for only the given screen size
:
We
can
also
us
e media
queries to target a single segment of screen sizes, using the minimum and maximum breakpoint widths
:
{% highlight scss %}
{% highlight scss %}
// Extra small devices (portrait phones, less than 576px)
// Extra small devices (portrait phones, less than 576px)
...
@@ -147,7 +147,7 @@ These media queries are also available via Sass mixins:
...
@@ -147,7 +147,7 @@ These media queries are also available via Sass mixins:
@include media-breakpoint-only(xl) { ... }
@include media-breakpoint-only(xl) { ... }
{% endhighlight %}
{% endhighlight %}
And final
ly media
that
span
s
multiple breakpoint widths:
Similar
ly
,
media
queries may
span multiple breakpoint widths:
{% highlight scss %}
{% highlight scss %}
// Example
// Example
...
@@ -155,7 +155,7 @@ And finally media that spans multiple breakpoint widths:
...
@@ -155,7 +155,7 @@ And finally media that spans multiple breakpoint widths:
@media (min-width: 768px) and (max-width: 1199px) { ... }
@media (min-width: 768px) and (max-width: 1199px) { ... }
{% endhighlight %}
{% endhighlight %}
The Sass mixin for t
he above example look like that shown beneath
:
The Sass mixin for t
argeting the same screen size range would be
:
{% highlight scss %}
{% highlight scss %}
@include media-breakpoint-between(md, lg) { ... }
@include media-breakpoint-between(md, lg) { ... }
...
...
This diff is collapsed.
Click to expand it.
Write
Preview
Supports
Markdown
0%
Try again
or
attach a new file
.
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment