Bootstrap Grid Blocks
Gutenberg blocks for Bootstrap grid: Container, Row and Column with responsive breakpoints, offsets and bleed options.
by Samuel Studios · github.com/geertgk/boostrap-grid-builder · website
★ 0stars
10release downloads
1forks
Install
The author publishes release zips, so WP-CLI can install straight from GitHub:
wp plugin install https://github.com/geertgk/boostrap-grid-builder/releases/download/v1.0.5/bootstrap-grid-builder.zipFrom the readme
Gutenberg blocks for a custom Bootstrap grid system with container, row and responsive columns. Includes margin and padding utilities for all blocks.
This plugin adds three Gutenberg blocks for the Bootstrap grid system:
Normal container with max-width per breakpoint
Fluid option for full width
Flex container for columns
Horizontal alignment (justify-content)
Vertical alignment (align-items)
Responsive column widths (1-12) per breakpoint:
Mobile (xs)
Small (sm) 576px+
Medium (md) 768px+
Large (lg) 992px+
Extra Large (xl) 1200px+
Offset per breakpoint
Bleed options (left/right) per breakpoint
Margin and padding controls for ALL Gutenberg blocks
Responsive per breakpoint (xs, sm, md, lg, xl)
Configurable max value and step in settings
Via Settings Bootstrap Grid you can configure:
Breakpoints
Container max-widths
Number of columns and gutter
Spacing utilities (max value, step)
CSS output on/off
1. Upload the plugin folder to /wp-content/plugins/
2. Activate the plugin through the 'Plugins' menu in WordPress
3. The blocks are now available under the "Bootstrap Grid" category
4. Configure settings via Settings Bootstrap Grid
1. npm install - Ins
Read the full README on GitHub →