将其他div拉伸到最宽的宽度

Question

我需要构建一个包含页眉，页脚和简单表单的页面。我需要表单元素与提交按钮具有相同的宽度，但我无法静态设置宽度，因为页面需要多语言，因此我不知道按钮的大小。

有没有办法让按钮的宽度变为动态并将其他div（输入）拉伸到相同的宽度？我想我可以使用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

如果您使用bootstrap进行提交，请使用.btn .btn-block，输入使用.col-md-12。