diff options
| author | Rami Yushuvaev <[email protected]> | 2017-09-07 01:10:32 +0300 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2017-09-09 17:43:12 -0700 |
| commit | 0e3b90c85d7410b80d828c3e0985d5c09969f8ac (patch) | |
| tree | 04cafa861abeb8bcc266698676c003269f4c0ce1 /docs | |
| parent | 43574ed1c7a8fe1c915d4a7dbc20ae36dd66964f (diff) | |
| download | bootstrap-0e3b90c85d7410b80d828c3e0985d5c09969f8ac.tar.xz bootstrap-0e3b90c85d7410b80d828c3e0985d5c09969f8ac.zip | |
Hiding Elements: new doc section in display.md
This new section will replace the `hidden-*` class. https://v4-alpha.getbootstrap.com/layout/responsive-utilities/
More info can be found here at https://getbootstrap.com/docs/4.0/migration/#responsive-utilities
Diffstat (limited to 'docs')
| -rw-r--r-- | docs/4.0/utilities/display.md | 6 |
1 files changed, 6 insertions, 0 deletions
diff --git a/docs/4.0/utilities/display.md b/docs/4.0/utilities/display.md index 86c741190..72609f27d 100644 --- a/docs/4.0/utilities/display.md +++ b/docs/4.0/utilities/display.md @@ -47,6 +47,12 @@ Responsive variations also exist for every single utility mentioned above. - `.d{{ bp.abbr }}-flex` - `.d{{ bp.abbr }}-inline-flex`{% endfor %} +## Hiding Elements + +To hide elements simply use the `.d-none` class or one of the `.d-{sm,md,lg,xl}-none` classes for any responsive screen variation. + +To show an element only on a given interval of screen sizes you can combine one `.d-*-none` class with a `.d-*-block` class, for example `.d-none.d-md-block.d-xl-none` will hide the element for all screen sizes but it will shows it only on medium and large devices. + ## Display in print Change the `display` value of elements when printing with our print display utilities. |