BootStrapを使ってみる Form 前編

今度は入力フォーム
正直見た目としてはあまり代わり映えしないけど。
前半は各Formの基本から

基本形はform-groupクラスで囲ってラベル等をグルーピング、
Inputタグにform-coltrolクラスを指定する

・form-groupに属するlabelをクリックしてもinputタグ領域をクリックするのと同等の動きをする。
・横幅はWidth100%なので、このままでは横には並べられない(※横に並べる方法は後編で)

ちなみにソースに書かれたplaceholderはHTML5の新機能

              

Text入力

20151125_01

              

TextArea

20151125_06

              

File入力

20151125_02

              

チェックボックス

20151125_03

              

ラジオボタン

20151125_05

              

リスト

20151125_04

              

後編に続く