About
The dynamic grid system is the ability to change dynamically the grid size to a 16 columns grid.
Since version 1.2
Deprecated in Bootstrap 5 because they have introduced a new xxl breakpoint
Configuration
Grid size
This is a configuration that should be used only for Bootstrap 4. In Bootstrap 5, they have introduced a new bigger breakpoint called xxl that makes this configuration obsolete.
The default grid system of bootstrap is based on 12 columns and does not really allow any space for a second sidebar
strap supports a 16 columns grid.
To change the grid size, set the following configuration:
- The gridColumns number to 16.
- The Stylesheet to bootstrap.16col.min.css
Strap is not controlling this values. If you choose a 16 grid with a bootstrap stylesheet of 12 columns, you may got unwanted behavior.
The 16 columns stylesheet set:
- the xl breakpoint from 1200px to 1280px.
- the container max width for the xl breakpoint from 1140px to 1280px.