Have you ever wanted to build a Metro-UI-like grid in CSS?
Thanks to Flexbox and the new Bulma tiles, you now can! And it only requires 1 HTML element: the
Check out the documentation!
First blog post on the newly launched blog! It even has its own RSS feed for those who still use that. This blog will be more frequently updated than the newsletter, so you can subscribe to either or both, as they will be used for different purposes.
By default, columns are only activated on tablet and desktop. If you want to use columns on mobile too, add the
is-mobile modifier on the
You can now apply different column size for each breakpoint.
For example, let’s say you want a column to take half the width on mobile, a third on tablet, and a quarter on desktop:
By default, if you want to start a new row, you just need to close a
columns container and open a new one.
But you can also add the
is-multiline modifier on the
columns container, and use column size modifiers (like
is-3) to define size on multiple rows within the same container.
While modifiers are specific to each Bulma element, helpers are general utility classes that can be applied on almost any element. Check out the new helpers documentation!