Bootstrap4移行ガイドを読む（コンポーネント編、インプットグループ）

インプットグループ - Bootstrap4移行ガイド

• インプットグループ（ .input-group ）を使うと、基本的なフォーム部品を拡張することができる
• たとえば、入力欄にプレフィックスやサフィックス（ Bootstrap4 ではこれを "アドオン" と呼ぶ）をつけることができる
  • プレフィックスをつけるには .input-group-prepend を指定した要素を、input 要素の兄要素として配置する
    • 例 ... 郵便番号の入力欄に「〒」記号をつけるとか
  • サフィックスをつけるには .input-group-append を指定した要素を、input 要素の弟要素として配置する
    • 例 ... 金額の入力欄に「円」などの単位をつけたり
  • アドオンはテキストだけでなく、チェックボックスやラジオボタンを内包することもできる
  • アドオンをボタンにしたりドロップダウンにしたりもできるが、これも .input-group-prepend または .input-group-append で囲った中で指定するクラスや要素を変更することで適用される
• マルチインプットというのも用意されている。これは .input-group の中に input.form-control を複数並べたもので、視覚的には複数の入力欄が余白のない状態で水平に並ぶ
• マルチアドオンも用意されている。.input-group-prepend または .input-group-append で囲った中で複数の要素を並べる
• アクセシビリティの観点から、すべての入力要素にはラベルが必要

（余談）長い下準備だった

長かった Bootstrap 4 移行ガイドの読書がおわった。Bootstrap 4 の記事は今日書くことねーな、ブログ書くのに PC 開くのが面倒くさい、と思ったときにスマホで書くことが多かった。

3/15 から読み始めたから、1ヶ月かかったらしい。読んでる間に Bootstrap 4.1 がでたりして。

あとは覚えたことを振り返りながら、実験的なページでもつくって適当に遊ぼう。