以下の内容はhttps://namikuguri.hatenablog.com/entry/2018/04/11/235505より取得しました。


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

フォーム - Bootstrap4移行ガイド

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

追記

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




以上の内容はhttps://namikuguri.hatenablog.com/entry/2018/04/11/235505より取得しました。
このページはhttp://font.textar.tv/のウェブフォントを使用してます

不具合報告/要望等はこちらへお願いします。
モバイルやる夫Viewer Ver0.14