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

Question

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

Answer 1

查看http://jsfiddle.net/3tzzj0de/1/（您可能需要花费结果框以禁用“小屏幕视图”

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

<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个宽字段。