rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-01-17 09:52:29 +01:00
Code Issues Actions Packages Releases Activity

Hiding Elements: new doc section in display.md

Browse Source 
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
This commit is contained in:
Rami Yushuvaev 2017-09-07 01:10:32 +03:00 committed by Mark Otto
parent 43574ed1c7
commit 0e3b90c85d
1 changed files with 6 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
docs/4.0/utilities/display.md
View File

@ -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.