reactjs - React Newforms でのラベルの位置

Question

デフォルトの位置はフィールドの上にありますが、そこからすぐにしたいです。

ラベルを非表示にし、<Col>s を使用して入力以外のテキストを表示しようとしましたが、通常のテキストを追加すると newforms がクラッシュします<RenderForm>

Answer 1

次のように、css (less) を使用して直接スタイルを設定することができました。

  #id_field {
    display: flex;
    text-align: center;
    margin-bottom: .75em;

    li {
      flex: 100%;
    }

    label {
      display: block;

      input {
        display: inline-block;
      }
      span {
        display: block;
      }
    }
  }

それらを調べると、「ID」を取得して、この方法でターゲットにすることができます。