How do you show or hide elements on different screen sizes in Bootstrap?

<div class="d-none d-md-block bg-success-subtle p-2 mb-2">Visible from md and up</div>
<div class="d-block d-md-none bg-warning-subtle p-2">Visible only below md</div>

Combine d-none with d-{breakpoint}-block (or inline, flex) to show an element from that size. See Utilities.

• Previous Interview Question
• Next Interview Question

---

Tutorials
No Content Found.

Exercises & Assignments
No Content Found.

Interview Questions & Answers
No Content Found.