VOOZH about

URL: https://www.geeksforgeeks.org/css/bulma-options/

⇱ Bulma Options - GeeksforGeeks


  • Courses
  • Tutorials
  • Interview Prep

Bulma Options

Last Updated : 23 Jul, 2025

Bulma is a free, open-source CSS framework based on Flexbox. It is component rich, compatible, and well documented. It is highly responsive in nature. It uses classes to carry out its design.
The β€˜select’ component of a form is not that attractive in look. Using Bulma we can design select elements of the form in a far better way just by adding some simple Bulma classes. Bulma select elements are available in different colors, different styles, different sizes, and different states.

Column Options: It is used to design different types of column layouts. 

Column Option categories:

  • Vertical alignment: It is used to align your columns vertically, add the is-vcentered modifier to the columns container.
  • Multiline: It is used to add the is-multiline modifier and add more column elements that would fit in a single row.
  • Centering columns: It is used to create horizontal space around column elements, you can also use is-centered on the parent columns element.

Example 1: In the below code, we have made use of the centering columns to create horizontal space around column elements, you can also use is-centered on the parent columns element.

Output:

πŸ‘ Image
 

Example 2: The following code demonstrates other modifier classes like is-half along with column class.

Output:

πŸ‘ Image
 

Reference: https://bulma.io/documentation/columns/options/

Comment
Article Tags: