kenangundogan/flexiblegrid

对于能够拥抱最新技术的用户,Flexiblegrid 包含了一个基于 flex 的网格。这是您熟悉和喜爱的网格,但提供了更好的源排序和对齐选项。

v1.2.0 2017-10-25 22:44 UTC

This package is auto-updated.

Last update: 2024-09-28 21:26:17 UTC


README


对于能够拥抱最新技术的用户,Flexiblegrid 包含了一个基于 flex 的网格。这是您熟悉和喜爱的网格,但提供了更好的源排序和对齐选项。
FlexibleGrid 文档 · FlexibleGrid 安装 · FlexibleGrid 示例 · FlexibleGrid 示例

npm

Flexible Grid 组件

  1. 包装器
  2. 方向
  3. 换行
  4. 内容对齐
  5. 项目对齐
  6. 自身对齐
  7. 内容对齐
  8. 自动边距
  9. 排序

快速开始

Build Status npm version Bower version PHP version Meteor Atmosphere Gem Version CSS gzip size

  • 下载最新版本。
  • 克隆仓库: git clone https://github.com/kenangundogan/flexible-grid.git
  • 使用 npm 安装: npm install flexiblegrid
  • 使用 bower 安装: bower install flexiblegrid
  • 使用 composer 安装: composer require kenangundogan/flexiblegrid
  • 使用 yarn 安装: yarn add flexiblegrid
  • 使用 meteor 安装: meteor add kenangundogan:flexiblegrid
  • 使用 rubygems 安装: gem install flexible-grid

阅读入门页面以获取有关框架内容、模板和示例等信息。

包含内容

在下载中,您将找到以下目录和文件,逻辑地分组常用资产,并提供编译和压缩版本。

输出文件

flexible-grid/
├── css/
    ├── flexible-grid.css
    ├── flexible-grid.css.map
    ├── flexible-grid.min.css
    └── flexible-grid.min.css.map

源文件

flexible-grid/
├── scss/
    ├── flexible-grid.scss
    ├── _variables.scss
    ├── _definitions.scss
    ├── _array-list.scss
    ├── _wrapper.scss
    ├── _grid.scss
    ├── _attribute.scss
    └── _normalize.scss

版本控制

Flexible Grid 将尽可能遵循语义版本控制指南进行维护。发布将按照以下格式编号

<major>.<minor>.<patch>

有关 SemVer 的更多信息,请访问 http://semver.org

Flexible Grid,项目屏幕尺寸(-xs -sm -md -lg -xl)

Flexible Grid,属性屏幕尺寸(-xs -sm -md -lg -xl)

浏览器支持

  • Google Chrome
  • Opera
  • Firefox
  • Safari 6.2+
  • Internet Explorer 10+
  • iOS 7+
  • Android 4.4+
  • Windows Phone 8.1+

版权和许可

由 @kenangundogan 设计和构建
2017 目前 - 代码许可 MIT 许可证