NG-MATERO
GitHubMaterial Extensions
zh
zh
  • 简介
  • 开始使用
  • 原理图
    • 添加项目
    • 新增路由
  • 主题系统
    • 配置布局
    • 配置菜单
    • 页面标题
    • 颜色
    • 样式辅助类
  • 响应式布局
    • Flex Layout
    • Grid Class
  • 登录认证
  • 权限管理
  • 国际化
  • 第三方库
Powered by GitBook
On this page

Was this helpful?

Edit on Git
  1. 响应式布局

Grid Class

Ng-Matero 提供了一套类似 Bootstrap 栅格的样式,源码在 styles/grid 中。这套样式是可选的,你完全可以选择自己喜欢的布局类,比如 Bootstrap、Foundation、Semantic 等。

Ng-Matero 的栅格断点和 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)'

除了响应式断点和 Bootstrap 不同之外,使用方式和 Bootstrap 完全一样。

PreviousFlex LayoutNext登录认证

Last updated 5 years ago

Was this helpful?