Bulma Gap

The Bulma Gap class is used to customize the gap between columns, there are lots of classes to create gaps between columns by using Bulma. It is the alternative to the CSS gap property.

Bulma Gap Class:

• Bulma Default gap: This class is used to set the default gap between columns which has a default value of 0.75rem, so this gap will be placed on both sides, so the adjacent gap will be 1.5rem.
• Bulma Gapless: Bulma Gapless class is used to remove the space between the columns, add the is-gapless modifier on the columns container.
• Bulma Variable Gap: Bulma Variable Gap class is used to create a defined gap between columns, there are 9 modifiers of options in this class.
• Bulma Breakpoint-based column gaps: Bulma breakpoint-based column gaps class is used to define specific columns gap for each breakpoint.

Example 1: The below example illustrates the Gap in Bulma CSS Framework.

Output:

Example 2:

Output:

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