Bootstrap4移行ガイドを読む（コンポーネント編、フォーム、その 1 ）

Rebootのフォームスタイルをクラスで展開する
フォーム部品を使うには適切な type 属性の指定が必要
.form-group で囲うことでフォームの部品同士を分けれる
input、select、textarea のようなテキスト形式のコントロールは、.form-control クラスをつけることでスタイルが適用される
input[type="file"] の場合は .form-control-file クラスをつけることでスタイルが適用される
input[type="range"] の場合は .form-control-range クラスをつけることでスタイルが適用される
.form-control-lg や .form-control-sm でフォーム部品のサイズは変えられる
input に readonly 属性を指定すると読み取り専用の見た目になる
input に readonly 属性を指定した上で、.form-control-plaintext クラスを指定するとプレーンテキストの見た目になる

追記

この記事で全部見れなかったので、追加で 2 つ記事を書いた。