Columns

Browsers support.

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

Wrap column content with fx-cols__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-cols--gap-0

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.