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

Question

我不知道我做错了什么。我的主页上显示了几个小部件。其中两个是我的囊肿小部件。我希望它们显示在我页面的右栏中。我不知道为什么其中一些会跳到我页面的底部。（我正在使用 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（对于 public 站点）或使用 "Validate by direct input" 至 cut/paste 浏览器来源。检查错误，你会发现未关闭的div。

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

你会得到很多关于验证器的信息和代码警告；许多警告本质上只是技术性的，您可以安全地忽略它们。

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

Widgets jump at the bottom of the page in wordpress template

css

wordpress

widget

twitter-bootstrap