月曜:bootstrapを使ってサイトを作り始める
友人のアイディア、隙間時間の口コミサイトの制作を始めます。
名前は「Pokari」。正直SEO的に?な名前だけど、それはおいておいて、フロントサイドだけでもちゃちゃっと作っちゃおうと思います。今日の課題はこれだな。
【今日の学び】
・bootstrapでは、全体を囲むdiv要素はcontainer
・リキッドレイアウトにしたい場合⇒ div class="container-fluid" とか div class="row-fluid" とか書く。
・グリッドレイアウトにしたい場合⇒ div class="row" で囲って、
その中に、div class="span◯" を書く。940pxを12カラムで割っている
例)
div class="row"
div class="span10" /div
div class="span2" /div
/div
・
・
・gnavを作りたい場合、足場の作り方→
div class="navbar"
div class="navbar-inner"
div class="container"
/div
/div
/div
と記述する。
・上or下に固定したい場合
一番最初の .navbar に、 navbar-fixed-top を追加する
⇒ div class="navbar navbar-fixed-top"
・navbarでデフォルトで押された状態、表示しておきたい状態の部分には、li要素に class="active"を指定
・li要素にdivider-verticalで区切り線
・ulクラスに .pull-right を入れると、float:right;を適用してくれる
・nav collapseのdiv要素はブラウザの幅が狭いと表示されない。隠れちゃう
・imgタグに、透明度をプラスしたい場合→opacity:値;で調整できる。
・暗記カラータグ
赤:#ff0000
灰色:#ccc
黒:#000
白:#fff