Columns

The power of Flexbox in a simple interface

 Column
●
Building a columns layout with Bulma is very
simple:
– Add a columns container
– Add as many column elements as you want
Example
 12 columns system
●
Grid can be divided into 12 columns, there are
size classes for each division:
Example
Example
Example 1
Example 2
Example 3
 Heads Up!
●
A column container (.columns)
can hold up to 12 columns only
setwork
What if?
 Offsetting Column
●
While you can use empty columns (like <div
class="column"></div>) to create horizontal
space around .column elements, you can also
use offset modifiers like .is-offset-x:
Example 1
Example 2
Nesting of Columns
Example 1
Example 2
Example 3
Seatwork