html - 表单在 1 个登录页面上正确显示，但在其他页面上显示不正确 - 我错过了什么？

Question

我在我们网站的两个登陆页面上嵌入了一个内置于 Marketo 的表单。我对两个页面都使用了 Marketo 提供的相同 javascript（请参见下面的代码）。虽然表单在第 1 页上正确显示，但字段标签和单元格在第 2 页上显示在最左侧。

有人可以解释为什么会发生这种情况以及如何修复第 2 页看起来像第 1 页吗？

第 1 页代码：

[column lg="3" ] [/column] [column lg="6" md="12" sm="12" xs="12" ]<h4 style="text-align: center;"><span style="color: #000000;"><strong>HEADLINE HERE</strong></span></h4><p style="text-align: center;"><span style="color: #333333;">TEXT HERE</span><br /> <br /> <script src="//app-ab05.marketo.com/js/forms2/js/forms2.js"></script>
<form id="mktoForm_1035"></form>
<script>MktoForms2.loadForm("//app-ab05.marketo.com", "578-AFO-782", 1035);</script>[/column] [column lg="3" ][/column]

第 2 页代码：

<p>[column lg="3"] [/column] [column lg="6" md="12" sm="12" xs="12" ]</p>
<h4 style="text-align: center;">TEXT GOES HERE</h4>
<p> </p>
<script src="//app-ab05.marketo.com/js/forms2/js/forms2.js"></script>
<form id="mktoForm_1035"></form>
<script>MktoForms2.loadForm("//app-ab05.marketo.com", "578-AFO-782", 1035);</script>
[/column] [column lg="3"] [/column]</p>

Answer 1

第 2 页看起来有一些第 1 页没有的额外段落元素。第 2 页也缺少第 1 页的 span 元素。我建议删除段落元素并添加 span 元素，然后查看第 2 页是否正确。尝试这个：

[column lg="3"] [/column] [column lg="6" md="12" sm="12" xs="12" ]
<h4 style="text-align: center;"><span style="color: #000000;"><strong>TEXT GOES HERE</strong></span>     
</h4><br /> <br /> 
<script src="//app-ab05.marketo.com/js/forms2/js/forms2.js"></script>
<form id="mktoForm_1035"></form>
<script>MktoForms2.loadForm("//app-ab05.marketo.com", "578-AFO-782", 1035);</script>
[/column] [column lg="3"] [/column]</p>