Положение метки в React Newforms

Question

Положение по умолчанию над полями, но я хочу это прямо из этого.

Я пытался скрыть ярлыки и использовать <Col>s, чтобы показать текст помимо входных данных, но newforms падает, когда я добавляю обычный текст в <RenderForm>

Answer 1

Мы смогли стилизовать их напрямую с помощью css (меньше) следующим образом:

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

    li {
      flex: 100%;
    }

    label {
      display: block;

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

когда вы осматриваете их, вы можете получить их "идентификатор" и нацелить их таким образом.