为什么这个bootstrap列超出了容器？

Question

我正在使用Bootstrap构建我的第一个模板，而且我遇到了一个div在容器外面的问题。在下面的代码中，col-sm-2位于容器边框（working fiddle here）之外的左侧。

有人知道我在这里做错了什么吗？欢迎所有提示！

<div class="row">
    <div class="col-sm-8">
        <div class="row property-ad">
            <div class="col-sm-2">
                an image is going here
            </div>
            <div class="col-sm-6">
                and some describing text here
            </div>
        </div>
    </div>
    <div class="col-sm-4">
        <div class="right-side-ad">
            some advertisement is going here
        </div>
    </div>
</div>