Use the hidden-xxx-up class to hide a given component when the viewport size is at the specified breakpoint or wider.
Similarly, use the hidden-xxx-down class to hide a given component when the viewport size is at the specified breakpoint or narrower.
|
XXS Screens ≤640px |
XS Screens >640 and <768px |
Small Screens ≥768px and <992px |
Medium Screens ≥992px and <1200px |
Large Screens ≥1200px |
hidden-xxs-down |
Hidden |
Visible |
Visible |
Visible |
Visible |
hidden-xs-down |
Hidden |
Hidden |
Visible |
Visible |
Visible |
hidden-sm-down |
Hidden |
Hidden |
Hidden |
Visible |
Visible |
hidden-md-down |
Hidden |
Hidden |
Hidden |
Hidden |
Visible |
hidden-lg-down |
Hidden |
Hidden |
Hidden |
Hidden |
Hidden |
hidden-xxs-up |
Hidden |
Hidden |
Hidden |
Hidden |
Hidden |
hidden-xs-up |
Visible |
Hidden |
Hidden |
Hidden |
Hidden |
hidden-sm-up |
Visible |
Visible |
Hidden |
Hidden |
Hidden |
hidden-md-up |
Visible |
Visible |
Visible |
Hidden |
Hidden |
hidden-lg-up |
Visible |
Visible |
Visible |
Visible |
Hidden |
Note: These helper utilities are available in Oracle APEX 18.2 and later.