semantic ui 如何抵消

Question

如何像在 Bootstrap 中那样偏移语义 ui 中的列？

例如，在 bootstrap 中，具有 class "col-sm-5 col-sm-offset-2" 的列是 5 列宽并且跳过了页面的前 2 列。

Answer 1

在语义 UI 中没有可用于偏移网格的预定义类。

Answer 2

由于语义 UI 的网格不支持偏移量，我能想到的解决此限制的唯一方法是在需要偏移量的地方插入一个空列：

<div class="one wide column"></div>

Answer 3

在 Form.Group 中，例如您可以使用 2 列

<Form.Group>
    <Form.Field inline width={8}/>
    <Form.Field>...(element which should have offset)...</Form.Field>
</Form.Group>

semantic ui how to offset