Страница 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.
Удаление ширины 1170px, которую вы указываете в bootstrap-responsive.css в строке 133, исправляет макет.
Ответы 2
ваш span8 insde span2, получает ширина: 770 пикселей из bootstrap-responsive.css и переопределяет ширина: 620 пикселей из bootstrap.css.
Ширина span4 отлично подходит для этого случая (которая составляет всего 370 пикселей), но не span8.
TL; DR; Попробуйте удалить (или изменить класс) <div class = "span8"></div>, который вы получаете от <?php get_sidebar(); ?>, который находится внутри <div class = "span2">...</div>
Прежде всего, благодарю всех за помощь.
Я согласился с этим [страница здесь] .1
Попробовав несколько вещей и не найдя незакрытого div, который я искал, я сдался, подошел к концу этой страницы (до комментариев) и загрузил готовый проект. Интересно, что он НЕ включал файл single.php, когда я столкнулся с проблемой с указанной проблемой.
Я полагаю, что они ошиблись с кодом и решили не добавлять его в окончательные zip-файлы проекта, или я допустил ошибку. Скорее всего, второе.
Однако я работал с другим проектом WordPress, который хорошо работал с single.php, поэтому эта страница помогла с этим, но не с этой.
Еще раз спасибо.
Ваш обработанный HTML-код кажется недействительным. Запустите его через валидатор, например validator.w3.org/#validate_by_uri. Может быть, это просто незакрытый тег