表单元素无法响应的Bootstrap问题

Question

我在我的网站上使用使用bootstrap的表单，但是当我横向调整网站大小时，我发现网站上的所有元素都按预期运行，并且随着宽度的减小而调整大小。

以下是链接：http://www.bestcastleintown.co.uk/wp/contact/

但是，在调整窗体大小时，窗体元素不会调整大小以适应窗口。为了说明这个问题：

Answer 1

我之前用Bootstrap自己想过这个。在大多数情况下，表单输入字段在Bootstrap上有一个设置宽度，它不考虑父母的宽度。这意味着可以准确地了解情况，因为你看到它们流动的范围比它们应该更宽。

我倾向于在逐个案例（即逐个项目）的基础上解决这个问题，因为表格每次都不可避免地总是略微不同，并且在每个断点处分别调整表格输入（直到手机/平板电脑中间的流体宽度，我只是允许它们全部流动）。

从查看预览链接，值得一提的是，您似乎在某处有一些JavaScript（可能在您用来制作联系表单的WP插件中），这会直接改变输入的宽度而不是依赖你的CSS。

看起来表现不错，虽然您可能会遇到日期选择字段的问题，因为它们（非常宽）的宽度与并排放置时一样。