メニューを後回しにしましたが(^_^;)
やっぱり記事を表示させないとですね・・

<main id="main" role="main">
    <div class="container">
        <section>
        <div class="row">
            <div class="col-xs-12">
                <article>
                <h2><a href="#">記事のタイトル</a></h2>
                <p>記事の本文が入るよ</p>
                </article>
                <!--//article -->
            </div>
            <!--//col -->
        </div>
        <!--//row -->
        </section>
        <!--//section -->
    </div>
    <!--//container -->
</main>
<!--//#main -->

元のHTMLはこんな感じで
とりあえず記事とタイトルを表示させる場所を作りました的な。

これに、テンプレートタグを入れます。

<main id="main" role="main">
    <div class="container">
        <section>
        <div class="row">
            <div class="col-xs-12">
                <?php if(have_posts()): while(have_posts()): the_post(); ?>
                <article>
                <h2><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
                <?php the_content(); ?>
                </article>
                <!--//article -->
                <?php endwhile; endif; ?>
            </div>
            <!--//col -->
        </div>
        <!--//row -->
        </section>
    </div>
    <!--//container -->
</main>
<!--//#main -->

ループ

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

記事一覧は「記事タイトル＋記事本文」が並んでいますので
<?php if(have_posts()): while(have_posts()): the_post(); ?>から<?php endwhile; endif; ?>まで
という形で囲んで、それを繰り返して出力します。

<?php the_permalink(); ?>

記事の個別ページのURLを出力します。

<?php the_title(); ?>

記事のタイトルを出力します。

<?php the_content(); ?>

記事の本文を出力します。
自動的に<p></p>が入るので、pタグで囲んだりする必要はありません。