semantic-ui - 在表单中布置字段

Question

如何使用 .field 或其他技术制作这样的布局？
我需要字段5占用2个字段空间

Answer 1

查看 http://jsfiddle.net/3tzzj0de/1/（您可能需要扩展结果框以禁用 "small screen view"

第一行分成三个相等的字段：

<div class="three fields">
    <div class="field">...</div>
    <div class="field">...</div>
    <div class="field">...</div>
<div>

第二行使用字段大小作为网格http://semantic-ui.com/collections/form.html#field-width

<div class="fields">
    <div class="six wide field">...</div>
    <div class="ten wide field">...</div>
</div>

所以 1 和 4 字段没有完全对齐，我想它需要根据 15 列（默认为 16）更改网格设置，并拆分为 5 宽和 10 宽字段。