Bootstrap Grid Builder v1.0.5
New: responsive column order controls
You can now control the visual order of columns per breakpoint — without changing the underlying HTML structure.
Perfect for showing, say, an image above the text on mobile but beside it (or in reverse) on desktop.
What's new:
- New "Order" panel on the Column block
- Configurable per breakpoint: Mobile (xs), Small, Medium, Large, and Extra Large
- Per-level options: First (order-first), 0–5, or Last (order-last)
- Outputs standard Bootstrap classes such as order-md-2 and order-lg-first — breakpoint before the number, fully Bootstrap-compliant
Example: a column that sits at the bottom on mobile but moves to the top on desktop → order-last order-lg-first.
Compatibility
- Fully backwards-compatible: existing columns are unaffected (empty defaults), so no block validation errors.
- Requires Bootstrap CSS to be loaded, just like the existing offset and column options.