cssフレームワークのBULMAで text-align:center を実現したい場合は "has-text-centered"を使う

BULMAを使っていて text-align:center はどうやるのか、一瞬迷った。

ドキュメント上で cetner または text-align などと検索しても出てこないので、ないのかなと一瞬思ったがそんなことはなく、探した方が悪かっただけだ。

BULMAでtext-align:centerを実現する場合は"has-text-centered"を使う

該当するドキュメントは下記となる。

実際にHTMLで記述する場合は

<div class="has-text-centered">hogehoge</div>

と指定することで中央に配置される。

ちなみにBootstrapで同じことをやりたい場合は　text-center となる。

<div class="text-center">hogehoge</div>

参照するドキュメントは下記