NG-MATERO
GitHubMaterial Extensions
en
en
  • Introduction
  • Getting Started
  • Schematics
    • Install the Project
    • Add a New Route
  • Theming
    • Layout Settings
    • Menu Settings
    • Page Title
    • Colors
    • Helpers
  • Responsive
    • Flex layout
    • Grid Class
  • Authentication
  • Permissions
  • Internationalization
  • Third Libs
Powered by GitBook
On this page

Was this helpful?

Edit on Git
  1. Responsive

Grid Class

Ng-Matero provides a grid which similar to Bootstrap grid that source code in styles/grid. The grid class is optional. You can choose any grid class you like, such as Bootstrap, Foundation, Semantic, etc.

The grid breakpoints for Ng-Matero are the same as the default breakpoints for flex-layout.

breakpoint

mediaQuery

xs

'screen and (max-width: 599px)'

sm

'screen and (min-width: 600px) and (max-width: 959px)'

md

'screen and (min-width: 960px) and (max-width: 1279px)'

lg

'screen and (min-width: 1280px) and (max-width: 1919px)'

xl

'screen and (min-width: 1920px) and (max-width: 5000px)'

It is used exactly the same way as Bootstrap except that the responsive breakpoints.

PreviousFlex layoutNextAuthentication

Last updated 5 years ago

Was this helpful?