Bootstrap class: .d-grid
<div class="d-grid gap-2">
<button class="btn btn-primary" type="button">Button</button>
<button class="btn btn-secondary" type="button">Button</button>
</div>Preview
Check .d-grid 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-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-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
