random picsumrandom picsum
This container uses is-fullhd

Full HD with Columns Page Template

Mobile Columns with Multiline

By default, columns are only activated from tablet onwards. This means columns are stacked on top of each other on mobile. If you want columns to work on mobile too, just add the is-mobile modifier on the columns container:

Multiline will take the columns and stack them according to your column modifier - one-half, one-third, etc.

Responsive Documentation

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque rhoncus non urna eget faucibus. Aliquam erat volutpat. Vestibulum diam ex, pretium a egestas sed, consequat ac lorem. Pellentesque fermentum molestie urna sit amet pretium.

Primary Link Example

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque rhoncus non urna eget faucibus. Aliquam erat volutpat. Vestibulum diam ex, pretium a egestas sed, consequat ac lorem. Pellentesque fermentum molestie urna sit amet pretium.

Secondary Link Example

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque rhoncus non urna eget faucibus. Aliquam erat volutpat. Vestibulum diam ex, pretium a egestas sed, consequat ac lorem. Pellentesque fermentum molestie urna sit amet pretium.

Primary Link Example

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque rhoncus non urna eget faucibus. Aliquam erat volutpat. Vestibulum diam ex, pretium a egestas sed, consequat ac lorem. Pellentesque fermentum molestie urna sit amet pretium.

Secondary Link Example

Columns Sizes

is-four-fifths

Auto

Auto

is-three-quarters

Auto

Auto

is-two-thirds

Auto

Auto

is-three-fifths

Auto

Auto

is-half

Auto

Auto

is-two-fifths

Auto

Auto

is-one-third

Auto

Auto

is-one-quarter

Auto

Auto

is-one-fifth

Auto

Auto

12 Columns Grid System

As the grid can be divided into 12 columns, there are size classes for each division:

  • is-1
  • is-2
  • is-3
  • is-4
  • is-5
  • is-6
  • is-7
  • is-8
  • is-9
  • is-10
  • is-11
  • is-12

is-1

1

1

1

1

1

1

1

1

1

1

1

is-2

1

1

1

1

1

1

1

1

1

1

is-3

1

1

1

1

1

1

1

1

1

is-4

1

1

1

1

1

1

1

1

is-5

1

1

1

1

1

1

1

is-6

1

1

1

1

1

1

is-7

1

1

1

1

1

is-8

1

1

1

1

is-9

1

1

1

is-10

1

1

is-11

1

is-12