семантический пользовательский интерфейс, как компенсировать

Как вы можете смещать столбцы в Semantic ui, как в Bootstrap?

например, в начальной загрузке столбец с классом «col-sm-5 col-sm-offset-2» имеет ширину 5 столбцов и пропускает первые 2 столбца страницы.


semantic-ui
person Sarthak    schedule 02.04.2016    source источник

Ответы (3)


arrow_upward
12
arrow_downward

Поскольку смещения не поддерживаются в сетке семантического пользовательского интерфейса, единственный способ, которым я мог бы обойти это ограничение, - это вставить пустой столбец там, где вам нужно смещение:

<div class="one wide column"></div>
person Ben    schedule 25.07.2016
comment
Спасибо, Бен. Таким образом, вам нужно исправить немного дополнительного кода, но я обнаружил, что система сетки семантики работает лучше, чем загрузочная. - person Sarthak; 25.07.2016

arrow_upward
2
arrow_downward

В семантическом пользовательском интерфейсе нет предопределенных классов для смещенных сеток.

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

person Rajdeep Gautam    schedule 23.05.2016

arrow_upward
0
arrow_downward

внутри Form.Group, например. 2 столбца, которые вы можете использовать

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