Bootstrap4移行ガイドを読む(コンポーネント編、フォーム、その 2 )
前回途中で読むのをやめてしまっていた。フォーム | Bootstrap4移行ガイド の続きを読む。
- チェックボックスとラジオボタン、どちらも .form-check-input を指定してコンポーネントの見た目にする
- label と input 要素は兄弟要素で指定し、関連付けをするため必要な箇所に id と for 属性をつける
- label と input を .form-check で囲んで 1 セットにすると、垂直方向にラジオボタンやチェックボックスがきれいに並ぶ
- 水平方向にインラインで並べたいのであれば、.form-check.form-check-inline を指定する
- 無効化されたボタンの見た目にしたいなら .form-check-input に disabled 属性を指定する
- ラベルなしのボタンにしたければ .form-check-input.position-static を指定する
- .form-group は複数の入力欄を 1 つのフォームとして構造的に見せるのに役立つ
- 名字と名前などを横並びにしたいときはグリッドクラスを使う
- フォーム用のグリッドスタイルとして .form-row というのもあり、これはグリッドの余白をコンパクトに見せる
# おわらなかった
明日「自動サイズ設定(Auto-sizing)」からまた続き読む。
モバイルで見ると表示と説明が合ってなかったりして解読がちょっとだけ難しい。