- Bulma Tutorial
- Bulma - Home
- Bulma - Introduction
- Bulma - Overview
- Bulma - Modifiers
- Bulma - Columns
- Bulma - Layout
- Bulma - Form
- Bulma - Elements
- Bulma - Components
- Bulma Useful Resources
- Bulma - Quick Guide
- Bulma - Resources
- Bulma - Discussion
Bulma - Columns
Description
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. |
Advertisements