有以下六种预设颜色可以快速调用:
is-primaryis-linkis-infois-successis-warningis-danger
Sponsor
语法规则
如何使用组件和版本样式
以下通过按钮button的示例来说明如何使用CSS的类名:
<button class="button">Button</button>
添加类名"is-primary"，可以修改颜色:
<button class="button is-primary">Button</button>
<button class="button is-primary">Button</button>
<button class="button is-link">Button</button>
<button class="button is-info">Button</button>
<button class="button is-success">Button</button>
<button class="button is-warning">Button</button>
<button class="button is-danger">Button</button>更改组件尺寸大小:
is-smallis-mediumis-large
<button class="button is-small">Button</button>
<button class="button">Button</button>
<button class="button is-medium">Button</button>
<button class="button is-large">Button</button>更改样式或状态:
is-outlinedis-loading[disabled]
<button class="button is-primary is-outlined">Button</button>
<button class="button is-loading">Button</button>
<button class="button" disabled>Button</button>
以上的类名可以自由组合到一起：
<button class="button is-primary is-small" disabled>Button</button>
<button class="button is-info is-loading">Button</button>
<button class="button is-danger is-outlined is-large">Button</button>