Grid & Layout

Last updated: February 6, 2018

Shards does not have its own grid system as it’s assumed to be provided by Bootstrap 4. All responsive mixins and some utility classes are available in Shards too so you can easily use them across your project.

Utility classes that are dependent on any one of the variables used to generate the grid system are not included in Shards.

Custom Grid System

Customizing the grid system would require recompiling Bootstrap 4 with custom configuration settings. You can use the variables and maps provided by Bootstrap to adjust the grid system to your needs and create the number of columns, the gutter width, and the media query point at which to begin floating columns accordingly.

Make sure you check out the official documentation on this topic to learn more about how you can compile a custom Bootstrap 4 grid.