Usage

The size and number of columns come with six different settings of layouts to use. They provide to give bounded areas on screen in a sizeable and scalable manner.

Guidance

  • Columns should provide a layout.

  • Their layout should be chosen according to dense and aim of operations.

  • Able to add multiple columns by using + icon near Columns component on page tree.

When to use

  • Use Columns to organize the page horizontally.

Additional info

  • Consider using alignment and justification to configure the apperance of column items.

  • Consider using responsive settings to set column sizes by screen size.

Variations

  • There are several types of Columns with varying sizes of grids. Grids determine Columns’ appearance and placement.

  • Layouts are distinct to the width of blocks in total which has 24 grids, there are blocks as 12-12, 8-8-8, 6-6-6-6, 6-18, 18-6, 4-4-4-4-4-4.

  • The updatable properties of Columns are item align, justify content, and gutter.

  • The updatable style features of Columns are margin, padding, size, overflow, background, border, effects, and CSS.

  • The usable dynamic properties of Columns are aligned, gutter, justify, hidden, and style.

  • The updatable properties of Columns' Column are span, offset, and responsive settings.

  • The updatable style features of Columns' Column are margin, padding, size, overflow, background, border, and CSS.

  • The usable dynamic properties of Columns are xxl, xl, lg, md, sm, xs, offset, span, hidden, and style.

Did this answer your question?