The bootstrap 5 - grid only without root and reset

Install

yarn add @bitmorest/bootstrap-grid or npm i @bitmorest/bootstrap-grid

Usage

with html

<link rel="stylesheet" href="path/to/bootstrap-grid/css/bootstrap-grid.css" />

or with scss

@import "@bitmorest/bootstrap-grid/scss";

or you can import partial file for overwrite variables like the bootstrap

@import "@bitmorest/bootstrap-grid/scss/functions";

// overwrite variable here
@import "@bitmorest/bootstrap-grid/scss/variables";

// overwrite maps here
@import "@bitmorest/bootstrap-grid/scss/maps";

@import "@bitmorest/bootstrap-grid/scss/mixins";
@import "@bitmorest/bootstrap-grid/scss/components";

Bootstrap grid document

A. Layout

• Brakepoint: https://getbootstrap.com/docs/5.2/layout/breakpoints/
• Container: https://getbootstrap.com/docs/5.2/layout/containers/
• Grid: https://getbootstrap.com/docs/5.2/layout/grid/
• Columns: https://getbootstrap.com/docs/5.2/layout/columns/
• Gutter: https://getbootstrap.com/docs/5.2/layout/gutters/

B. Utilities

• Display: https://getbootstrap.com/docs/5.2/utilities/display/
• Flex: https://getbootstrap.com/docs/5.2/utilities/flex/
• Float: https://getbootstrap.com/docs/5.2/utilities/float/
• Spacing: https://getbootstrap.com/docs/5.
• Text: https://getbootstrap.com/docs/5.2/utilities/text/ (Except text transform, Mono Space)