ant-design/components/layout/demo/basic.md

30 lines
534 B
Markdown
Raw Normal View History

2015-06-09 18:22:52 +08:00
# Standard Layout
- order: 1
2015-06-09 21:20:15 +08:00
从堆叠到水平排列
2015-06-09 18:22:52 +08:00
2015-06-09 21:20:15 +08:00
使用单一的一组 `.col-*` 栅格类就可以创建一个基本的栅格系统所有列column必须放在 `.row`
2015-06-09 18:22:52 +08:00
---
````html
<div class="row">
2015-06-09 21:20:15 +08:00
<div class="col-16">.col-16</div>
<div class="col-8">.col-8</div>
</div>
<div class="row">
<div class="col-8">.col-8</div>
<div class="col-8">.col-8</div>
<div class="col-8">.col-8</div>
</div>
<div class="row">
<div class="col-12">.col-12</div>
<div class="col-12">.col-12</div>
2015-06-09 18:22:52 +08:00
</div>
````
2015-06-09 21:20:15 +08:00