语义ui如何抵消

时间:2016-04-02 22:06:16

标签: semantic-ui

如何在Bootstrap中像语法ui中那样偏移列?

例如,在bootstrap中,类“col-sm-5 col-sm-offset-2”的列为5列宽,并跳过页面的前2列。

3 个答案:

答案 0 :(得分:10)

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

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

答案 1 :(得分:2)

在语义UI中没有可用于Offsetting Grids的预定义类。

&#xA;&#xA;

https://github.com/Semantic-Org/Semantic-UI/issues/863

&#xA;

答案 2 :(得分:0)

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

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