ant-design/components/layout/demo/basic.md
2015-06-18 15:26:29 +08:00

537 B
Raw Blame History

基础布局

  • order: 1

从堆叠到水平排列。

使用单一的一组 .col-* 栅格类就可以创建一个基本的栅格系统所有列column必须放在 .row 内。


<div class="row">
  <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>
</div>