HTML Позиционирование меток и полей ввода

Question

Im пытается создать что-то вроде this form. Каждая метка и входные данные находятся внутри div. , но мне нужно, чтобы он был отзывчивым, поэтому я не уверен, как я могу это сделать. Plz assist UPDATE- моя проблема заключается в создании ярлыка слева для ввода, поэтому все входные данные будут иметь ширину 100%, а метки выровнены по правому краю. Также мне нужно, чтобы 2 метки и входные данные были рядом друг с другом (это мой главная проблема) в 100% -ной ширине формы

Answer 1

Если вы хотите сделать приятный отзывчивый дизайн, то, возможно, вы сможете использовать некоторые рамки для достижения своих целей. Я предлагаю вам использовать http://getbootstrap.com/, который является одним из лучших фреймворков, чтобы сделать отзывчивый дизайн.

Answer 2

Для гибкого дизайна вы можете просто использовать структуру Bootstrap.

Bootstrap

Это все о классах, и это должно быть легко понять. Альтернативой для Bootstrap является Zurb Foundation (действительно хорошая адаптивная среда). Существует также третий вариант (не такой популярный, как Bootstrap или Foundation), но все же рекомендуется проверить его - MDL является официальной платформой Google.

Foundation

MDL