Javascript 带Masonary 3列格式包装的Bootstrap 3

我正在使用带助推器3的masonary。显示的不是3列，而是下面的第3列

这是我的示例代码和屏幕截图。知道为什么col-md-3、col-md-5和col-md-3没有显示在一行上吗

<div id="mason">
    <div class="container">
        <div class="row">

            <div class="col-md-4 item">

                <!--some content-->

            </div>

            <div class="col-md-5 item">

                <!--some content-->
            </div>

            <div class="col-md-3 item">

                <!--some content-->

            </div>


        </div>
    </div>
</div>


$(document).ready(function(){

  var $container = $('#mason');

  $container.masonry({
      itemSelector        : '.item',
      columnWidth         : '.item',
      transitionDuration  : 0
    });
});

$（文档）.ready（函数（）{
var$container=$（“#mason”）；
$container.com({
itemSelector:“.item”，
列宽：'.item'，
转换持续时间：0
});
});

看看这个，可能会有帮助：Hi Dan，谢谢你的回复，但我只加载了文本内容，没有加载图像，使用inspect元素进行调试似乎还可以，看看是什么增加了额外的边距/填充。