После поиска везде я не мог точно определить, как я могу создать встроенную форму, которая имеет следующий дизайн: (используя, возможно, с помощью bootstrap 3 класса вместо настроек CSS)
Когда пользователь имеет широкий экран:
Form-Legend
LabelFieldA: InputFieldA LabelFieldB: InputFieldB LabelFieldC: InputFieldC <Submit Button>
Когда пользователь имеет меньший экран:
Form-Legend
LabelFieldA: InputFieldA LabelFieldB: InputFieldB
LabelFieldC: InputFieldC <Submit Button>
Идея состоит в том, что дизайн изначально помещает все поля в одну строку, и если он не подходит, элементы управления перейдут к следующей строке, но вместе с тем сохраняют ярлык + поле.
Также, если есть способ, расстояние между каждым ярлыком + входом больше, чем расстояние между меткой и ее полем.
И, наконец, если есть способ иметь больше вертикального поля между ярлыком + поле, когда он переходит к следующей строке.