新設カスタム選択メニューカスタムファイル選択アクセシビリティトップに戻るコンポーネントインプットグループBootstrap4.xの使い方をBootstrap3.xからの変更箇所を交えて解説しています。v4.0.0設定変更テキスト入力、カスタム選択、カスタムファイル入力の両側にテキスト、ボタン、またはボタングループを追加して、フォームコントロールを簡単に拡張可能。example)v4.0.0設定変更1つのアドオンまたはボタンをインプットの両側に配置。インプットの両側に配置することも可能。インプットグループの外に置くこと。flex-wrap:wrap(折り返しあり)で囲まれている。.flex-nowrap(折り返しなし)でこれを無効に。自体に追加すると、その中の内容は自動的にサイズ変更される。各要素のフォームコントロールサイズのクラスを繰り返す必要はない。個々のインプットグループ要素のサイズ設定はサポートされていない。radios)インプットグループのアドオン内にテキストではなくチェックボックスまたはラジオボタンのオプションを配置。addons)複数のアドオンがサポートされており、チェックボックスやラジオボタンの入力バージョンと混在させることも可能。addons)v4.0.0設定変更アドオン部分がボタンになっている。dropdowns)v4.0.0設定変更アドオン部分がボタンドロップダウンになっている。buttons)v4.0.0設定変更アドオン部分が分離ボタンになっている。forms)v4.0.0新設インプットグループには、カスタム選択とカスタムファイル入力のサポートが含まれる。これらのブラウザのデフォルトバージョンはサポートされていない。カスタムファイル選択にする【注意】ファイル選択の幅は、メニューの幅ではなく100%になるアクセシビリティ(Accessibility)すべてのインプットにラベルを付けないと、スクリーンリーダーでフォームに問題が発動する。これらのインプットグループについては、追加のラベルまたは機能が支援技術に伝えられることを確認すること。属性の使用)と、どのような追加情報を伝える必要があるかは、実装しているインターフェース・ウィジェットの正確なタイプによって異なる。このアイテムの例では、ケース固有のアプローチをいくつか提案している。