Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Bootstrap .hidden-* classes are simply not present in the distribution?

See original GitHub issue

Hello,

I have downloaded the latest 4.0.0-beta distribution of Bootstrap and was been wondering for quite some time why .hidden-* classes wouldn’t work… I then grepped them across the distribution:

$ ack "\.hidden*"
js/bootstrap.js
649:      if (!document.hidden) {

That’s all of the output. It does find all other classes though, it just seems that responsive utilities didn’t make it.

Can anyone confirm?

Issue Analytics

State:
Created 6 years ago
Comments:6 (2 by maintainers)

Top GitHub Comments

1reaction

SuperPat45commented, Aug 30, 2017

To replace hidden-sm-down you need to use d-none d-md-block

I find this new method very regrettable because to replace hidden-*-down element, what is nevertheless the most common, it requires to know the default display of the element which is much less practical than before …

Moreover the name is confusing because d-*-none has the impression that it hides an element only for a single breakpoint and not the upper also breakpoints.

0reactions

tucnakcommented, Aug 28, 2017

Alright, it seems I indeed confused alpha and beta docs. Now looking through latest B1 docs, there’s no mention of .hidden-*. @myorangeca thank you, very informative!

Sorry for noise.