ブートストラップの列が異なる幅にプッシュ

Question

私のブログでは新しいテーマを作っていますが、小さな問題に遭遇しました：
投稿自体に使用するパネルが私が望むよりも大きく広げられます。

これは、私はそれが

（記事一覧からスクリーンショットを）見てみたい方法です。それが終わるどのように私は一つだけ異なるWordPressの機能（代わりにget_the_content()のthe_content()）と（ほぼ同じコードを使用

が、これはある。あなたが見ることができるように

は、それはです
ポストに新しい行には行かないという言葉があり、問題を引き起こしていることは知っています。

私はsomeboを願っていますdyが私を助ける：D
乾杯

編集：ここでは はコードです：
の作業のindex.php：pastebin.com/YjtknwZe

私は2つの以上のリンクを投稿し、ので、私を見ることができませんでした

Answer 1

以下のコメントは、構造は次のようになります。

<div class="container-fluid"> 
    <div class="row"> 
     <div class="left col-md-9" id="main"> 
     .. 
     </div> 
    </div> 
</div> 

カスタム「ラッパー」と列の外側rowの欠如はcausです問題を引き起こす。 Read the Bootstrap grid docs：

-rowsが適切な整列およびパディングのため.container（固定幅）または .container流体（全幅）内に配置されなければならない

。

と...

列の水平方向のグループを作成する行を使用します。コンテンツは の列内に配置する必要があります。また、列のみを行の直下の子にすることもできます。