Bulma: Built-in column centering.

Created on 13 Feb 2016  路  6Comments  路  Source: jgthms/bulma

As you know .is-centered is used for centering text, but at first I expected .is-centered alongside .columns to make the columns centered. Although it isn't a big deal to write out the following code it could be seen as a major convenience for some people making Bulma smooth to write content with:

.columns.is-centered {
    justify-content: center;
}

One possible issue with this is still having text aligned to center, my fix for this was to set text-align: inherit; but I'm not entirely sure if this is considered bad practice.

Thanks

Most helpful comment

+1, I didn't know is-centered existed until coming to Github. Perhaps another section to add to the 'grid' documentation area?

All 6 comments

Yeah there should be something to center columns.

I guess I should rename the text alignment modifiers to is-text-centered, is-text-left, and is-text-right.

This has been added.

Hi, the documentation is still referencing is-centered instead of is-text-centered, at least in the footer section.

+1, I didn't know is-centered existed until coming to Github. Perhaps another section to add to the 'grid' documentation area?

If your wondering how to centre text inside a div you'll want to use has-text-centered.

is-centered-mobile ?

Was this page helpful?
0 / 5 - 0 ratings

Related issues

rogervila picture rogervila  路  3Comments

guillecro picture guillecro  路  3Comments

Laraveldeep picture Laraveldeep  路  3Comments

fundon picture fundon  路  3Comments

Wikiki picture Wikiki  路  3Comments