Bootstrap4のフォーム

Bootstrap基本が全然わかってなくてほぼ公式サンプルコピペしてる…。 getbootstrap.com

コピペ→改変してて学んだことメモ

テキストは.form-control、チェックボックス系はform-checkでBootstrapっぽくなる

<input type="text" class="form-control">

labelとinputは.form-goupでまとめる

form
  ∟.form-group
    ∟label
    ∟input

デフォルトでlabelとinputは別の行

1行で表示したいときはrowかform-rowかform-inline使う。

form
  ∟.form-group .row
    ∟label
    ∟ div .col-
      ∟input