The angular material with bootstrap 5 grid system

Motivation

Angular Material is a good library UI component for angular. It has almost everything however they lack some important components such as the Grid System which makes it very difficult to use it independently. So I created this library that combines Angular Material and grid from Bootstrap (because it has been developed for a long time and most developers know or belong to it). Also I also get some utilities from Bootstrap like is the display system, flex, float, distance from bootstrap.

This package depends on @bitmorest/bootstrap-grid. Read more about what's we have from bootstrap here

Install

yarn add @angular/material @angular/cdk @bitmorest/bootstrap-grid @bitmorest/material-bs-grid or npm i @angular/material @angular/cdk @bitmorest/bootstrap-grid @bitmorest/material-bs-grid

Usage

in global style normally at src/style.scss add bellow code

@import "@bitmorest/material-bs-grid";
// add prebuild themes for angular
@import "@angular/material/prebuilt-themes/purple-green.css";