窗口小部件在wordpress模板中跳转到页面底部

Question

我不知道我做错了什么。我的主页上显示了几个小部件。其中两个是我的cystom小部件。我希望它们显示在我页面的右栏中。我不知道为什么有些人跳到我的页面底部。 （我正在使用bootstrap，但我已将网格系统扩展到24列）

I display them like that:

<div class="row">
    <div class="col-sm-18">
             //some code here    
    </div>
    <div class="col-sm-6">
        <?php dynamic_sidebar('sidebar-1'); ?>
    </div>
</div>

有人可以帮忙吗？

Answer 1

您有一个或多个未公开的<div>，这意味着您缺少一个或两个</div>结束标记。

最好的办法是使用https://validator.w3.org的html验证程序来查找它们。输入您的URL（对于公共站点）或使用＆＃34;通过直接输入验证＆＃34;剪切/粘贴浏览器源。检查错误，你会发现未公开的div。

如果您的代码是纯文本或html小部件，则应该更容易找到div。但divs也可能位于生成的html源代码中，因此您可能需要仔细查看主题模板中的php以查找它们的输出位置。

您将通过验证器获得大量信息和代码警告;许多警告只是技术性的，你可以放心地忽略它们。