Подход Sgrubsmyon почти идеально подходил для меня однако, я столкнулся с новой проблемой с подходом поля гибкого провода, в котором не было никакого дополнения между исходными данными. По-видимому, это имеет некоторое отношение "к дисплею: согните" быть оберткой для "гибкого провода - растут 1", который израсходовал все свободное место. Я погрузился в кроличью нору и не мог заставить это работать, но ставший известный об аналогичном подходе, который использует "CSS - Сетка" и является еще легче (релевантный ТАК вопрос, где я узнал об этом из) :

div(
  style = "display: grid; 
          grid-template-columns: 20% repeat(3, 20%); ## same as repeat(4, 20%)
          grid-gap: 10px;",

    textInput("inputA", "The first input"),

    textInput("inputB", "The second input"),

    textInput("inputC", "The third input"),

    textInput("inputD", "The fourth input")

)

А подобный замечательный гид существует для CSS - подход Сетки расположился здесь , где можно узнать обо всех различных аргументах и настраиваемости, которую можно использовать. Обратите внимание, что я никогда не касался CSS до 2 часов прежде, чем записать этот ответ, таким образом, любые исправления приветствуются =)