1.6 列

Flexbox是一維的柵格系統，這意味著在Bulma中有行或者列的概念。使用Bulma開發網站要考慮列，并將列封裝在行或容器中。Bulma的基本功能如下。

從columns行開始。

    <div class="columns">

</div>

在columns行中，可以添加一列或者多列，Bulma會基于添加的列計算每列所占空間。

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


      </div>
    </div>

在這個例子中，添加的column占據了整個瀏覽器的寬度，因為在columns中僅此一列。

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


      </div>


      <div class="column">


      </div>
    </div>

如前所述，每一列的寬度并不固定，但還是要再次強調：添加的列越多，每一列就會越窄，比如有3列，每一列的寬度就是33%；如果是4列，每一列的寬度就是25%。