大多数元素都有可选的样式,添加修饰即可使用
变成Button样式:添加button的class
<a class="button">
Button
</a>
修改颜色:is-primary, is-link, is-info, is-success, is-waring, is-danger
<a class="button is-primary">
Button
</a>
<a class="button is-link">
Button
</a>
<a class="button is-info">
Button
</a>
<a class="button is-success">
Button
</a>
<a class="button is-warning">
Button
</a>
<a class="button is-danger">
Button
</a>
改变大小:is-small, is-medium, is-large
<a class="button is-small">
Button
</a>
<a class="button">
Button
</a>
<a class="button is-medium">
Button
</a>
<a class="button is-large">
Button
</a>
改变按钮状态 is-outlined, is-loading, [disabled]
<a class="button is-primary is-outlined">
Button
</a>
<a class="button is-primary is-loading">
Button
</a>
<a class="button is-primary" disabled>
Button
</a>
使用辅助类改变样式
响应式布局助手
你可以使用以下任意类修改 display
:
block
flex
inline
inline-block
inline-flex
显示
隐藏