O'Reilly logo

Creating Interfaces with Bulma by Dave Berning, Aslam Shah, Mikko Lauhakari, Oleksii Potiekhin, creator of Bulma Jeremy Thomas

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Chapter 1. Introduction

There are few reasons why Bulma is different than other CSS frameworks:

  • modern: All of Bulma is based on CSS Flexbox
  • 100% responsive: Bulma is designed to be both mobile and desktop friendly
  • easy to learn: Most users get started within minutes
  • simple syntax: Bulma makes sure to use the minimal HTML required, so your code is easy to read and write
  • customizable: With over 300 SASS variables, you can apply your own branding to Bulma
  • no JavaScript: Because Bulma is CSS-only, it integrates gracefully with any JS framework (Angular, VueJS, React, Ember, or just plain Vanilla JavaScript)

Simple columns system

Bulma is mostly famous for its straightforward columns architecture:

<div class="columns">
  <div class="column">
    

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required