Topic: hidden-*-down not working
                  
                  eric1972
                  pro
                  asked 8 years ago
                
                      
                      eric1972
                      pro
                        answered 8 years ago
                    
                      
                      Sebastian C
                      pro
                        answered 8 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 8 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