Home » FAQs » Bootstrap Interview Questions » All Bootstrap Interview Questions » What is the difference between d-none, invisible and visually-hidden?

What is the difference between d-none, invisible and visually-hidden?

ClassEffect
.d-nonedisplay none: no space, hidden for everyone (also screen readers)
.invisiblevisibility hidden: the space stays, hidden for everyone
.visually-hiddenNot seen on the screen, but read by screen readers

Use .visually-hidden (the old name was .sr-only) for labels like “Loading…” in a spinner. See Utilities.

Share this post:

Share on LinkedIn
Learn more about the similar topics:
Tutorials
No Content Found.
Exercises & Assignments
No Content Found.
Interview Questions & Answers
No Content Found.