Grd 是一个使用 Flexbox 的 CSS 网格框架:

  • 简单:提供 2 个基础类  GridCell,还有一些变形
  • 轻量级: 仅 512 字节 (压缩)
  • 灵活:方便使用 Flexbox 特性

安装

# via npm
$ npm install grd

# via bower
$ bower install grd

使用

<div class="Grid">
  <div class="Cell -3of12">3of12</div>
  <div class="Cell -9of12">9of12</div>
</div>

在线演示:https://1000ch.github.io/grd/