ReactSimpleFlexGrid:一种快速向您的React应用添加网格布局的方法way

时间:2024-02-21 10:53:26
【文件属性】:

文件名称:ReactSimpleFlexGrid:一种快速向您的React应用添加网格布局的方法way

文件大小:117KB

文件格式:ZIP

更新时间:2024-02-21 10:53:26

react redux javascript css sass

ReactSimpleFlexGrid 快速向您的应用添加Flexbox网格布局的方法 :rocket: 基于12网格系统的布局。 基本用法 通过npm和yarn安装 npm i -S react-simple-flex-grid // or yarn add react-simple-flex-grid 导入Row , Col和网格样式 import { Row, Col } from 'react-simple-flex-grid'; import "react-simple-flex-grid/lib/main.css"; 请享用 Column Column 定制 定制网格的基本步骤。 排水沟 :glowing_star: 您可以将Row的gutter (px)属性用作网格间距。 col-4 col-4 <Col span=


【文件预览】:
ReactSimpleFlexGrid-master
----.gitignore(79B)
----.babelrc(222B)
----.eslintrc(197B)
----package.json(3KB)
----package-lock.json(468KB)
----src()
--------style()
--------Col.js(2KB)
--------index.js(72B)
--------Row.js(1KB)
----LICENSE(1KB)
----README.md(6KB)
----example()
--------index.js(158B)
--------App.js(2KB)
--------index.html(28B)
----config()
--------webpack.prod.config.babel.js(2KB)
--------webpack.config.babel.js(1KB)
----.npmignore(90B)

网友评论