Topic: hidden-*-down not working
eric1972 pro asked 7 years ago
eric1972 pro answered 7 years ago
Sebastian C pro answered 7 years ago
The hidden-* classes have been removed from bootstrap v4-beta and has been replaced by d-none classes.
* Made display utilities responsive (e.g., .d-none and d-{sm,md,lg,xl}-none). * Dropped the bulk of .hidden-* utilities for new display utilities. For example, instead of .hidden-sm-up, use .d-sm-none.
To replace hidden-md-down, you would instead use both classes d-none and d-md-flex (or block, inline, etc)
This should hide everything above size xs then display everything above size md
See display utilities:
https://getbootstrap.com/docs/4.0/utilities/display/
See migration notes:
https://getbootstrap.com/docs/4.0/migration/
Magdalena Obalska free answered 7 years ago
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- ForumUser: Pro
- Premium support: No
- Technology: General Bootstrap questions
- MDB Version: -
- Device: -
- Browser: -
- OS: -
- Provided sample code: No
- Provided link: No