Bulma Narrow column

Bulma is a free and open-source CSS framework based on flexbox. It comes with pre-styled components which makes it easier to develop beautiful and responsive websites as we don't have to style everything from the ground up. In this article, we will be seeing the Narrow Column in Bulma.

So, if you want a column to only take the space it needs, you can append the is-narrow modifier on that column. The other columns will adjust themselves and fill up the remaining space.

Bulma Narrow Column Classes:

• is-narrow: This class is used to make the column element only take the space it needs.

Syntax:

<div class="column is-narrow">
...
</div>

Example: The example below shows the use of the is-narrow modifier on a column.

Output:

👁 Bulma Narrow column

Reference: https://bulma.io/documentation/columns/sizes/#narrow-column