Search code examples
semantic-ui

semantic ui how to offset


How can you offset columns in Semantic ui like you can in Bootstrap?

eg- in bootstrap a column with class "col-sm-5 col-sm-offset-2" is 5 column wide and skipping the first 2 column of the page.


Solution

  • As offsets are not supported in Semantic UI's grid the only way I could think of working around this limitation is to insert an empty column where you need the offset:

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