Bootstrap 5 Grid System - Examples And Tutorial

Trang chủ » Html Bootstrap Grid Sizes » Bootstrap 5 Grid System - Examples And Tutorial

Có thể bạn quan tâm

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 Bootstrap Grid Sizes