Columns

Browsers support.

  • .fx-columns .fx-columns--1 - 1 column
  • .fx-columns .fx-columns--2 - 2 columns
  • .fx-columns .fx-columns--3 - 3 columns
  • .fx-columns .fx-columns--4 - 4 columns
  • .fx-columns .fx-columns--5 - 5 columns
  • .fx-columns .fx-columns--6 - 6 columns

Wrap column content with fx-columns__item class to avoid break content inside the block.

Header

Avoid any column break within this block.

Header

Avoid any column break within this block.

Avoid any column break within this block.

Header

Avoid any column break within this block.

Avoid any column break within this block.

Avoid any column break within this block.

Header

Avoid any column break within this block.

Avoid any column break within this block.

Header

Avoid any column break within this block.

Avoid any column break within this block.

Avoid any column break within this block.

Header

Avoid any column break within this block.

Avoid any column break within this block.

Header

Avoid any column break within this block.

Avoid any column break within this block.

Header

Avoid any column break within this block.

Avoid any column break within this block.

Avoid any column break within this block.

No gap between columns (no gutters) - .fx-columns--gap-none

Header

Avoid any column break within this block.

Header

Avoid any column break within this block.

Avoid any column break within this block.

Header

Avoid any column break within this block.

Avoid any column break within this block.

Avoid any column break within this block.

Header

Avoid any column break within this block.

Avoid any column break within this block.

Header

Avoid any column break within this block.

Avoid any column break within this block.

Avoid any column break within this block.

Header

Avoid any column break within this block.

Avoid any column break within this block.