Bulma Nesting

In this article, we'll be seeing about nesting in Bulma. Nesting is allowed in the Bulma framework as it provides the flexibility to use columns within another column for responsiveness in the column.

Bulma Nesting Class: The nesting in Bulma can be done using columns and column classes there no predefined call for that.

Syntax:

<div class="columns">
 <div class="column">
 <div class="columns">
 <div class="column">
 ....

Below example illustrate the Bulma Nesting:

Example:

Output:

The below output is created after changing the viewport into different device sizes.

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