Form 布局

Cola 表单布局继承了Semantic UI 表单布局。将响应式结构化的排列用户输入字段。

简介

表单布局将默认16列模式横向切分布局空间,等比例的切分也提供了简短定义模式,简化了用户重复定义class的烦恼。 用于通过一系列的组fields与字段field的组合来创建Form布局,你的内容就可以放入field中。

  • fields 定义字段组
  • field 定义字段
  • * wide 定义字段宽度所字段列数(fields默认横向切分16 wide)

响应式

Cola Form 无需任何配置,将在小屏幕模式下自动每个单元格独占一行。

指定网格列

一个字段可以指定网格列的宽度

等比例分配

class="* fields" 定义字段等比例分配横向空间