Contact Form 7多栏表单错误

时间:2019-03-25 作者:Ajas Jansher

我尝试使用contact form 7插件实现多列表单,方法如下:使用HTML标记方法。

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

我做得部分正确,但最后一个注册按钮弄乱了桌面视图中的布局。然而,从移动的角度来看,一切都是完美的。这是我的页面链接。

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

我想不出哪里出了错。请帮助大家。

1 个回复
SO网友:fja3omega

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

提交按钮的容器位于段落标记内,该标记与浮动列相结合,将打破其外观。

您的网站正在使用引导,所以我建议您改用它。以下是指南: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; }

相关推荐