Content can be structured using the .grid, which is based on the 16 column grid implementation from the excellent Semantic UI framework. Grid consists of .rows and .columns, as expected. Rows are groups of columns which are aligned horizontally. Rows can either be explicit, marked with an additional .row element, or implicit, automatically occurring when no more space is left in a previous row. Columns divide horizontal space into indivisible units. All columns in a grid must specify their width as proportion of the total available row width, e.g. .four.wide, .eleven.wide, etc.
.stackable grids will stack their columns on top of each other on mobile devices. .divider is useful to visually separate stacked columns. .mobile.only grids, rows, or columns would be visible only on mobile devices. .center.aligned grids, rows, or columns will attempt to center their content. There're no .left.aligned or .right.aligned classes, because everything is aligned to the left by default, and aligning to the right is almost never a good idea. Grids can be nested.
Nick-Sakach
commented
5 years ago
Content can be structured using the .grid, which is based on the 16 column grid implementation from the excellent Semantic UI framework. Grid consists of .rows and .columns, as expected. Rows are groups of columns which are aligned horizontally. Rows can either be explicit, marked with an additional .row element, or implicit, automatically occurring when no more space is left in a previous row. Columns divide horizontal space into indivisible units. All columns in a grid must specify their width as proportion of the total available row width, e.g. .four.wide, .eleven.wide, etc.
.stackable grids will stack their columns on top of each other on mobile devices. .divider is useful to visually separate stacked columns. .mobile.only grids, rows, or columns would be visible only on mobile devices. .center.aligned grids, rows, or columns will attempt to center their content. There're no .left.aligned or .right.aligned classes, because everything is aligned to the left by default, and aligning to the right is almost never a good idea. Grids can be nested.