bulma icon indicating copy to clipboard operation
bulma copied to clipboard

"Migrating to 1.0" recommends using "smart grids" in place of tiles

Open guest20 opened this issue 3 months ago • 3 comments

https://bulma.io/documentation/start/migrating-to-v1/ says

Tiles are deprecated Use the new and improved Smart Grid

but tiles look like this:

screen shot of a bunch of brighly coloured tiles from the bulma docs for v9.4

and smart grid looks like this:

A grid of 24 identically sized and coloured divs with rounded corners in a smart grid from the docs for 1.

It feels like the migration instructions leave a little to be desired here? How do I go about getting that tall green boi on the right, or the red fellow at the bottom while using the Smart Grid™?

guest20 avatar Sep 29 '25 11:09 guest20

Maybe it is intended to use Grid Cells together with the Smart Grid. Haven't actually tried it but that still doesn't seem like it would work great with a case like the Tiles example. I agree, neither the migration guide nor documentation give any indication on how it actually would replace tiles. The grid cells documentation also only has fixed-grid examples.

shenef avatar Sep 29 '25 12:09 shenef

I think maybe the docs are slightly confused on the specific point of using the 'smart' grid to replace the old tiles, but I think the functional equivalent using fixed grids would look something like this:

https://codepen.io/bluefantail/pen/vELQaEy

Image

Tiles were a fixed space division system (similar to an emulated grid) that could be nested. That nesting could be achieved either by increasing the number of grid columns to the max 12, or also just creating more nested fixed grids inside each other for really detailed situations.

bluefantail avatar Nov 02 '25 23:11 bluefantail

@jgthms I think this example should be in the "migrating to 1.0" document

(though I guess maybe everybody except me has already migrated to 1.0)

guest20 avatar Dec 04 '25 10:12 guest20