Bulma Multiline Option

Bulma is a free and open-source CSS framework used to build responsive and beautiful websites. It is based on flexbox. In this article, we will be seeing the multiline option in columns in Bulma.

So, by default, all the columns inside a column container will be in the same row but we can use the is-multiline modifier on the columnscontainer to make the columns wrap on multiple lines.

Bulma Multiline Option Classes:

• is-multiline: This class is used on the columns container to make the columns wrap in multiple lines.

Syntax:

<div class="columns is-multiline">
 ...
</div>

Example: The below example illustrates the use of the is-multiline class in Bulma to make the columns wrap on multiple lines.

Output:

👁 Bulma Multiline Option

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