WordPress页面留下太多空间答案

【问题标题】：WordPress page leave too much spaceWordPress页面留下太多空间
【发布时间】：2019-04-22 01:10:36
【问题描述】：

我有一个 WordPress 页面，我在其中设置了一行，主边位于 span10，右侧边栏位于 span2。但是，页面留下了更多的空白，例如，您向右滚动，什么也看不到。这是page in question

这里是 single.php 代码：

<?php get_header(); ?>

<div class="row">
<div class="span10">

<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
    <h1><?php the_title(); ?></h1>
    <p><em><?php the_time('l, F jS, Y'); ?></em></p>

    <?php the_content(); ?>

    <hr>
    <?php comments_template(); ?>

<?php endwhile; else: ?>
    <p><?php _e('Sorry, this page does not exist.'); ?></p>
<?php endif; ?>

</div>
<div class="span2">
<?php get_sidebar(); ?>     
</div>
</div>

<?php get_footer(); ?>

我还想知道这是否更多是 WordPress 问题而不是 HTML，我是 WordPress 主题开发的新手，这是一个 BootStrap 网站。

【问题讨论】：

您呈现的 HTML 似乎无效。通过像validator.w3.org/#validate_by_uri 这样的验证器运行它。可能只是一个未封闭的标签
删除您在第 133 行的 bootstrap-responsive.css 中提供的 1170px 宽度可以更正布局。

标签： html wordpress twitter-bootstrap bootstrap-4

【解决方案1】：

首先感谢大家的帮助。

我正在考虑这个 [此处的页面]。1

在尝试了几件事后，也没有找到我正在寻找的未关闭的 div，我投降并前往该页面的末尾（在 cmets 之前）并下载了完成的项目。有趣的是，它不包含 single.php 文件，那是我遇到上述问题的时候。

我想他们在代码上犯了一个错误，并决定不将其添加到最终项目的 zip 文件中，或者我犯了错误。很有可能是后者。

但是，我正在使用与 single.php 配合良好的另一个 WordPress 项目，因此该页面对此有所帮助，但不是这个。

再次感谢。

【讨论】：

【解决方案2】：

你的 span8 insde span2，从 bootstrap-responsive.css 获取 width:770px 并从 bootstrap.css 覆盖 width:620px。

span4 宽度在这种情况下看起来不错（只有 370 像素），但 span8 不适合。

TLDR; 尝试删除（或更改类）<div class="span8"></div>，它是从位于 <div class="span2">...</div> 内部的 <?php get_sidebar(); ?> 获得的

【讨论】：