• 本文
• リロード
• 差分
• バックアップ
• 名前変更
• リファラ
• 新規ページ
• 編集

Bootstrap/使い方

Bootstrap/フォーム

Top / Bootstrap / フォーム

http://getbootstrap.com/css/#forms

• form
  • div.form-group - 行間の最適化
    • label.control-label
    • input.form-control
    • label.sr-only

種類

• form.form-inline - 横並び
• form.form-horizontal - 縦並び

サイズ

• input textarea select
  • .form-control - width:100%

静的テキストを代わりに置く場合

• p.form-control-static

チェックボックスとか

• div.checkbox
  • label.checkbox-inline
  • input

• div.radio
  • label.radio-inline
  • input

バリデーション

• form-group
  • .has-warning
  • .has-error
  • .has-success

影響を受けるクラス

• .control-label
• .form-control
• .help-block