How to hide element on small screens with Bootstrap 4 Beta

Home / Uncategorized / How to hide element on small screens with Bootstrap 4 Beta

Question:
I just moved from bootstrap 4 alpha to beta, but I can’t figure out how to hide an element on a small screen now. In the alpha this was "hidden-md-up" and "hidden-sm-down" which worked beautifully. "hidden-md-up" is now "d-md-none", but the other one I can’t get to work

Show on large screen only – NOT working for me
Show on small screen only

Any ideas?


Answer:
A short break, cup of coffee later I figured it out: Adding the class "d-none d-md-block" will do the trick

Show on large screen only works now
Show on small screen only

Don’t we all hate people that answer their own questions? 😉
Read more

Leave a Reply

Your email address will not be published. Required fields are marked *