月曜: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