Bootstrap class: .d-xxl-none
<div class="d-block d-xxl-none">
<span class="bg-warning px-1">Hidden on xx-large screen</span>
<span class="bg-primary px-1">Hidden on xx-large screen</span>
</div>Preview
Hidden on xx-large screen
Hidden on xx-large screen
Use Shuffle AI to build your own Bootstrap templates
Quickly design stunning Bootstrap templates with the power of Shuffle AI — no coding required.
Check .d-xxl-none in a real project
Click one of the examples listed below to open the Shuffle Visual Editor with the UI library that uses the selected component.
Tips 💡
You don't need to remember all CSS classes. Just use the Bootstrap Editor instead.
More in Bootstrap Display
- d-*-block
- d-*-flex
- d-*-none
- d-*-inline-block
- d-*-inline
- d-*-table
- d-print-...
- d-*-inline-flex
- d-*-table-cell
- d-grid
- d-lg-grid
- d-lg-table-row
- d-md-grid
- d-md-table-row
- d-sm-grid
- d-sm-table-row
- d-table-row
- d-xl-grid
- d-xl-table-row
- d-xxl-block
- d-xxl-flex
- d-xxl-grid
- d-xxl-inline
- d-xxl-inline-block
- d-xxl-inline-flex
- d-xxl-table
- d-xxl-table-row
- d-xxl-table-cell
- d-print-flex
- d-print-grid
- d-print-inline-flex
- d-print-table
- d-print-table-cell
- d-print-table-row
