メモです

メモです

2019-03-10から1日間の記事一覧

CSSフレームワーク「Bulma」でnavbarの高さを変える

navbarのclassに「is-spaced」をつけると大きくなる.navbarのstyleにpaddingを設定すれば自由な高さになる .navbar { padding: 1rem 2rem; }

CSSフレームワーク「Bulma」でスマホでもnav-itemを表示したい

スマホ版でも表示したいnav-itemはnav-brandで囲む <div class="navbar-brand"> <a class="navbar-item" href="https://bulma.io"> <img src="https://bulma.io/images/bulma-logo.png" width="112" height="28" /> </a> <a class="navbar-item"> 重要情報 </a> </div>

CSSフレームワーク「Bulma」でのdiv要素の中央寄せ

テンプレートを何個か見たが <div class="column is-8 is-offset-2"> か <div class="column is-3 is-offset-3"> でやっている気がする。 coloumを使おうが使わまいがとりあえず中央寄せしたいdiv要素にclass="column is-8 is-offset-2"を適用させて中央寄せが楽っぽい</div></div>