Skip to main content

Grid system

Bootstrap & the Grid​

We've installed Bootstrap 4. All Bootstrap SCSS is available as import from node-modules/bootstrap, however we are currently using the grid and the reboot styling, as seen here:

// ~/src/styles/vendor/_bootstrap.scss
@import '~bootstrap/scss/bootstrap-reboot.scss';

@import '~bootstrap/scss/grid';
@import '~bootstrap/scss/utilities/display';
@import '~bootstrap/scss/utilities/flex';
@import '~bootstrap/scss/utilities/spacing';

This is BS4's collection files, which includes several dependency .scss files. If you import other BS4 components, check contents of this file to ensure no redundancy. Import additional styles as needed.