修饰符语法

多数 Bulma 元素都有对应的替换样式。要使用它们，您只需添加一个修饰符类即可。它们都以 is- 或者 has- 开始。

让我们开始一个简单的使用 CSS 类"button"构建的按钮：

<button class="button">
  按钮
</button>

通过添加 CSS 类 "is-primary" 您可以修改颜色：

<button class="button is-primary">
  按钮
</button>

您可以使用六大主色系之一：

is-primary
is-link
is-info
is-success
is-warning
is-danger

<button class="button is-primary">
  按钮
</button>
<button class="button is-link">
  按钮
</button>
<button class="button is-info">
  按钮
</button>
<button class="button is-success">
  按钮
</button>
<button class="button is-warning">
  按钮
</button>
<button class="button is-danger">
  按钮
</button>

您也可以改变型号：

is-small
is-medium
is-large

<button class="button is-small">
  按钮
</button>
<button class="button">
  按钮
</button>
<button class="button is-medium">
  按钮
</button>
<button class="button is-large">
  按钮
</button>

或者样式或者状态:

is-outlined
is-loading
[disabled]

<button class="button is-primary is-outlined">
  按钮
</button>
<button class="button is-loading">
  按钮
</button>
<button class="button" disabled>
  按钮
</button>

总之，组合修饰符很简单：

<button class="button is-primary is-small" disabled>
  按钮
</button>
<button class="button is-info is-loading">
  按钮
</button>
<button class="button is-danger is-outlined is-large">
  按钮
</button>