Протяните другие divs до ширины самого широкого

Question

Мне нужно создать страницу с заголовком, нижним колонтитулом и простой формой. Мне нужно, чтобы элементы формы имели ту же ширину, что и кнопка отправки, но я не могу установить ширину статически, поскольку страница должна быть многоязычной, и поэтому я не знаю, какой размер будет у кнопки.

Есть ли способ, чтобы ширина кнопки была динамической и растягивала другие divs (входы) на одну и ту же ширину? Думаю, я мог бы использовать Javascript, но мне было интересно, можно ли это решить только CSS.

Мне также нужна форма для центрирования, и я использую Bootstrap (если это помогает).

Answer 1

Да это, взгляните на это: https://jsfiddle.net/7y3ska30/ основном назначьте этот стиль для ввода (ов)

input{ 
    display: block; 
    width: 100%; 
    margin: 10px 0; 
    padding: 0; 
    box-sizing: border-box; 
} 

Answer 2

Если вы используете загрузчик для использования представить .btn .btn-block и для ввод использование .col-md-12.