时间戳

首页 > 解决方案 > WordPress页面留下太多空间

html - WordPress页面留下太多空间

问题描述

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

这是 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 站点。

标签： htmlwordpresstwitter-bootstrapbootstrap-4

解决方案

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

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

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

推荐阅读