Bootstrap class: .d-xxl-block
<div class="d-none d-xxl-block p-4 bg-secondary">
<div class="bg-primary">Block only on xx-large screen</div>
</div>Preview
Block only 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-block 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-flex
- d-xxl-grid
- d-xxl-inline
- d-xxl-inline-block
- d-xxl-inline-flex
- d-xxl-none
- 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
