雑に書きます。検証が不十分な箇所もあります。
時間に余裕ができたら画像をつけたり詳しい説明を追加して読みやすくします。
基本
levelに横幅が大きく変化する可能性がある要素を入れない
levelは折り返されない
リファレンスと同じhtmlタグ、タグ構造を使う
たまに違うタグを使うとbulmaのcssが適用されないことがある
columns直下の要素にcolumnがないとダメ
navbarに画像を入れるときは縦が28px以下ものを使う
28px以上のものは表示が変になる
cardの上部で画像と文章を横に並べたいとき
ベストプラクティス
card-contentの中にmediaを入れる
避けたほうがいいこと
crad-header, columns, level
cardの上部用のcard-headerがあるがこれだと画像を入れると位置が変になる
スマホ表示のときに変に横スクロールできるようになってしまう
levelだと文章が長いときに折り返されない
スマホ表示でもnavbarの要素を表示したいとき
navbar-brandに入れるとハンバーガーメニュー内に入らずに表示したままにできる
↧