「WordPress Related Posts」のコードを記述するとsingle.phpが正常に表示されない

Bootstrapを使った新しいテーマを作成しているところなのですが、<?php wp_related_posts()?>のコードを、single.phpに記述したところ、その記述以降の表示がされない現象が起きていて、困っています。

<?php wp_related_posts()?>のコードを削除すると、問題なくページは表示されるようになりますが、以前使っていたテーマでは問題なく使えていました。

以下のように記述すると、ブログ記事以下の、コメントやフッターが表示されません。

どうすれば正常に表示されるようになるのか、わかるかたおられたら教えてください。

<?php get_header(); ?>

<div class="col-xs-12 col-sm-9">

<p class="pull-right visible-xs">
<button type="button" class="btn btn-primary btn-xs" data-toggle="offcanvas">サイドメニュー</button>
</p>

<?php if (have_posts()) : while (have_posts()) : the_post(); ?>

<div class="post">

<h2><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></h2>
<dl class="metadata">
	<dt>投稿日：</dt>
		<dd><?php the_time('Y.m.d'); ?></dd>
	<dt>カテゴリー：</dt>
		<dd><?php the_category('、'); ?></dd>

</dl>
<?php edit_post_link('この記事を編集', '<p><strong>', '</strong></p>' ); ?>

<?php the_content(); ?>

<?php wp_link_pages(); ?>
<?php wp_related_posts()?>

</div><!-- END .post -->

<?php comments_template(); ?>

<p class="navigation"><?php previous_post_link('&laquo; %link','前の記事'); ?><?php next_post_link(' | %link &raquo;','次の記事'); ?></p>

<?php endwhile; else: ?>
    <p><?php _e('Sorry, no posts matched your criteria.'); ?></p>
<?php endif; ?>

</div><!--/.col-xs-12.col-sm-9-->

<?php get_sidebar(); ?>
<?php get_footer(); ?>