接触表7多列表格错误

Question

我试图使用contact表单7插件来实现多列表单，方法是使用HTML标记方法来实现这个站点中描述的方法。

https://deliciousthemes.com/contact-form-7-fields-columns/

我已经做了部分正确的，但最后的注册按钮是混乱的布局在桌面视图。然而，在移动视图中，一切都是完美的。这是我网页的链接。

https://medport.in/job-application-form/

我不知道我哪里出了问题。请帮帮伙计们。

Answer 1

我认为这主要是一个CSS问题。

submit按钮的容器位于段落标记中，它与浮动列结合在一起将破坏它的外观。

你的网站正在使用引导，所以我建议使用这个代替。这是一个指南：https://www.toptal.com/front-end/what-is-bootstrap-a-short-tutorial-on-the-what-why-and-how (我不附属于这个网站)

如果您真的想使用当前正在使用的方法，我只需向p标记中添加CSS样式，就可以将其从列中清除。CSS将其移动到窗体底部：

.wpcf7-form > p { clear: both; }