Bootstrap列被推到不同的宽度

Question

我正在为我的网络博客制作一个新主题，但我遇到了一个小问题：
我用于帖子本身的面板被推得比我想要的要宽。

这就是我希望它看起来的方式

（帖子列表中的截图）。

当我使用几乎相同的代码（只有一个不同的WordPress函数（the_content()而不是get_the_content()）时，这就是它最终的结果。

如您所见，这不对，但我不知道如何解决它 我知道帖子中有一些单词没有及时转到新行，导致问题。

我希望有人会帮助我：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导致问题。 Read the Bootstrap grid docs：

  

-Rows必须放在.container（固定宽度）或   .container-fluid（全宽），用于正确对齐和填充。

<强> 和..

  

使用行创建水平的列组。内容应该放置   在列中，只有列可能是行的直接子项。