模块化

只需导入您需要的

Bulma 由 39 .sass 文件组成，这些文件都可以单独导入。

例如：假如您需要 Bulma columns 组件。
文件在 bulma/sass/grid 文件夹内。
简单 import 依赖的工具类，然后您需要的组件就可以使用了：

@import "bulma/sass/utilities/_all.sass"
@import "bulma/sass/grid/columns.sass"

现在您可以使用 .columns （针对 container）和 .column 了：

<div class="columns">
  <div class="column">1</div>
  <div class="column">2</div>
  <div class="column">3</div>
  <div class="column">4</div>
  <div class="column">5</div>
</div>

如果您需要的是 button 样式呢？

@import "bulma/sass/utilities/_all.sass"
@import "bulma/sass/elements/button.sass"

也是一样，现在您可以使用 .button 类和它的修饰符了：

.is-active
.is-primary, .is-info, .is-success...
.is-small, .is-medium, .is-large
.is-outlined, .is-inverted, .is-link
.is-loading, [disabled]

<button class="button">
  Button
</button>

<button class="button is-primary">
  Primary button
</button>

<button class="button is-large">
  Large button
</button>

<button class="button is-loading">
  Loading button
</button>