Страница WordPress оставляет слишком много места

Question

У меня есть страница 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.

Answer 1

Прежде всего, я благодарю всех за помощь.

Я шел вместе с этой [страницей здесь]. 1

Попробовав несколько вещей иКроме того, не найдя нужный мне незакрытый div, я сдался и перешел в конец этой страницы (перед комментариями) и загрузил готовый проект.Интересно, что он НЕ включал файл single.php, то есть, когда у меня возникли проблемы с указанной проблемой.

Я предполагаю, что они допустили ошибку с кодом и решили не добавлять его в окончательный zip-файл проекта.файлы, или я сделал ошибку.Скорее всего, это был последний вариант.

Однако я работал с другим проектом WordPress, который хорошо работал с single.php, так что с этим справилась страница, но не с этим.

Еще раз спасибо.

Answer 2

ваш span8 insde span2, получает ширина: 770px из bootstrap-responseive.css и переопределяет ширина: 620px из bootstrap.css.

Ширина span4 выглядит хорошо для этого случая (который составляет всего 370 пикселей), но не span8.

TLDR; Попробуйте удалить (или изменить класс) <div class="span8"></div>, который вы получаете от <?php get_sidebar(); ?>, который находится внутри <div class="span2">...</div>