You can use one of the 5 main colors:
is-primaryis-infois-successis-warningis-danger
You are viewing the deprecated 0.5.0 version of the website. Click here to view the latest version
Documentation
Everything you need to create a website with Bulma
is- or has-.Let's start with a simple button that uses the "button" CSS class:
<a class="button">
Button
</a>By adding the "is-primary" CSS class, you can modify the color:
<a class="button is-primary">
Button
</a>You can use one of the 5 main colors:
is-primaryis-infois-successis-warningis-danger<a class="button is-primary">
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>You can also alter the size:
is-smallis-mediumis-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>This page is open source. Noticed a typo? Or something unclear? Improve this page on GitHub
Bulma Partners
Check out their products!