Table of Contents

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
Be careful

Strap is not controlling this values. If you choose a 16 grid with a bootstrap stylesheet of 12 columns, you may got unwanted behavior.

For the geek

The 16 columns stylesheet set:

  • the xl breakpoint from 1200px to 1280px.
  • the container max width for the xl breakpoint from 1140px to 1280px.

See What are breakpoints ?