文章地址: https://www.cnblogs.com/sandraryan/
最近由于 一些不可描述的原因 要好好学习，研究一下Ant design这个前端框架。
祭上官网： https://ant.design/index-cn
引入
这儿我就用cdn引入了
附上我用的cdn的官网链接（https://www.bootcdn.cn/）
css和js都要引入~
<link href="https://cdn.bootcss.com/antd/4.0.0-alpha.6/antd.css" rel="stylesheet">
<script src="https://cdn.bootcss.com/antd/4.0.0-alpha.6/antd.js"></script>
栅格系统
每一个ui框架最主要的布局几乎都是栅格系统，大多是12或24等分的。（栅格系统中的列是指 1 到 24 的值来表示其跨越的范围。）
例如，三个等宽的列可以使用 <Col span={8} /> 。如果一个 row 中的 col 总和超过 24，那么多余的 col 会作为一个整体另起一行排列
（鉴于偶尔分不清行列的单词，列在这里： 行（row）和列（col））
页面内容应当放置于 col 内，并且，只有 col 可以作为 row 的直接元素。
ant design的栅格化系统支持 Flex 布局，允许子元素在父节点内的水平对齐方式 - 居左、居中、居右、等宽排列、分散排列。子元素与子元素之间，支持顶部对齐、垂直居中对齐、底部对齐的方式。同时，支持使用 order 来定义元素的排列顺序
////一周内写完 我发誓