Bootstrap
私的リファレンス
装飾
文字色を変更する
背景色を変更する
文字を右/中央/左に寄せる
blockquote
ワンポイントに良さそうなラベルを作る
サイドバーのメニューに良さそうなリストを作る
枠を付けて強調する
ボタンを作る
ボタンの大きさを変更する
モバイル端末で画像を自動で縮小する
表現・効果
ナビゲーションを作る
ページャーボタンを作る
ヒントを表示するツールチップを付ける
プログレスバーを作る
上から降りてくるダイアログを作る
付属のWEBフォントアイコンを使う
サブメニューに使えそうなドロップダウン
Youtube動画などを配置する
スライドショーを作る
タブパネル
表組
表を作る
1行ごとに色を変える
マウスオーバー効果を付ける
カラムごとに背景色を変更する
横長の表のモバイル端末における処理
グリッドシステム
グリッドシステムの考え方
グリッドシステムの発動タイミング
デバイスに応じて表示・非表示を指定する
フォーム
フォームを作る
インラインで表示する
ラジオボタン・チェックボックス
セレクトボックス
フォームに色を付ける
Validation Engineが使えるか試してみる
グリッドシステムを使ったより現実的なフォーム
私的見解
Cerulean
Cosmo
Cyborg
Darkly
Flatly
Journal
Lumen
Paper
Sandstone
Simplex
Slate
United
ツイート
インラインで表示する
form-groupで囲った部分がインラインになるので、横に並びます。
また、
モバイル端末では自動でblockになり縦に並びます。
メールアドレス
パスワード
送信 ≫
メールアドレス
パスワード
送信 ≫