Bootstrap 5 Grid System - Examples And Tutorial

Variables

Variables and maps determine the number of columns, the gutter width, and the media query point at which to begin floating columns. We use these to generate the predefined grid classes documented above, as well as for the custom mixins listed below.

Show code Edit in sandbox
  • SCSS
$grid-columns: 12; $grid-gutter-width: 1.5rem; $grid-row-columns: 6; Show code Edit in sandbox
  • SCSS
$grid-breakpoints: ( xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px, xxl: 1400px, ); Show code Edit in sandbox
  • SCSS
$container-max-widths: ( sm: 540px, md: 720px, lg: 960px, xl: 1140px, xxl: 1320px, )

Từ khóa » Html Col Bootstrap