Bootstrap

Bootstrap 3.0 #06(アイコンの使い方)

i要素のクラス指定 使えるアイコンはここ headでglyphiconsのCSSにリンクを貼るのは任意?(読み込ませなくても使えるの?) bootstrap.min.cssの中に全部書いてあるっぽい i class="glyphicon glyphicon-adjust"のような形で「.」を外して指定 <p> <i class="glyphicon glyphicon-thumbs-up"></i> <i class="glyphicon glyphicon-thumbs-down">よくないね</i></p>…

Bootstrap 3.0 #05(ドロップダウンメニュー)

btn-groupというdivを作る button要素のクラス指定 toggle(トグル)…ON/OFFの切り替えの仕組みのこと caret(キャレット)…「^」の記号のこと、▼が表示される span要素…インラインレベルのグループ、divと似てるけどdivはブロックレベル button要素の指定が…

Bootstrap 3.0 #04(ページのナビ)

ページネーション(paginetion) ul要素のクラス指定で作れる 作り方はパンくずリストと大体同じ laquo;で左矢印、raquo;で右矢印 liのclass="active"でいまいるページ li class="disabled"でリンクがクリックできなくなる(a要素に書かない) <ul class="pagination"> <li class="disabled"><a href="">&laquo;</a></li> <li class="active"><a href="">1</a></li> <li><a href="">2</a></li> <li></li></ul>

Bootstrap 3.0 #03(Navbar、パンくずリスト)

Navbar Navbarを作るときにはnavで囲む navbar-defaultでグレーっぽいやつ、navbar-inverseで黒っぽいやつ navbar-fixed-topをつけることで、スクロールしても常に上部に配置される navbarのヘッダにはa要素にclass="navbar-brand"をつけないと変な表示にな…

Bootstrap 3.0 #02(グリッド)

class="container"で中央寄せ 12のグリッドを分割するために、rowというクラスを作る rowで囲んだ中に合計12になるようなdivを作る rowで囲んだものを中央寄せしたいときには、全体を囲むdivを作ってclass="container" レスポンシブデザイン デバイス幅に応…

Bootstrap 3.0 #01(準備)

Bootstrapをダウンロード(bootstrap-x.x.x-dist.zipみたいな「dist」がついたやつ) css、fonts、jsをディレクトリにコピー index.hrmlを作って、以下のように記述 <html lang="ja"> <head> <meta charset="utf-8"> <title>サイトのタイトル</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> </meta></meta></head></html>