フォーム Forms
フォーム関連のスタイル。
input
要素、textarea
要素、select
要素は、class
属性にform-control
を指定することで、幅がwidth: 100%;
になる。
form
要素のclass
属性にform-inline
を指定することで、フォーム部品をインライン表示させることができる。
インライン・フォーム内でインプット・グループを使うこともできる。
表示領域の幅に応じて、ラベルとフォーム部品を水平に並べる、レスポンシブな水平フォームの作り方。
input
要素、textarea
要素、チェックボックス、ラジオボタン、select
要素などのフォーム部品のスタイル。
フォーム部品の代わりにテキストを表示するスタイル。
disabled
属性で無効化したフォーム部品のスタイル。
readonly
属性で読み取り専用(入力無効)化したフォーム部品のスタイル。
エラー、警告、成功など、検証結果を反映したスタイル。
フォームのサイズを変更するクラス。
フォーム部品を補足するブロック・レベルのテキスト。