Bulma - Columns



Bulma provides responsive grid system (creating page layout through a series of rows and columns), that scales up to 12 columns within a container. Columns will re-arrange as device or viewport size increases.

The following table lists down variations of columns which you can use to utilize the Bulma CSS −

S.No. Column Types & Description
1 Column layout and Sizes

Bulma allows building column layout very easily by adding columns class in the container.

2 Columns Responsiveness and Nesting

Bulma provides responsive columns in the different types of screens like mobile devices, tablets, and desktop.

3 Columns Gap and Options

Columns create equal gap between column content.