jquery - Bootstrap 3 和 Masonry : Setting four colums

Question

我正在尝试将 Masonry 与 Bootstrap 3 集成。我的目标是连续显示 4 个元素。

没有 Masonry 它显示 4 个元素，但是在集成 Masonry 之后，它显示 3 个元素。

这是我所做的 js fiddle 链接

JSFIDDLE 链接:http://jsfiddle.net/7Lptygkn/1/

砌体选项链接:http://masonry.desandro.com/options.html

我在初始化中设置了以下选项:

$(document).ready(function () {
    var $container = $('#feed-list');
    $container.masonry({
        itemSelector: '.feed',
        columnWidth: '.feed',
        transitionDuration: 0
    });
});

任何帮助将不胜感激。提前致谢。

Answer 1

改变这个:<div id="feed-list" class="col-xs-12">

对此:<div id="feed-list" class="row">

在这里工作:http://jsfiddle.net/e8qf2cmt/

这里也是一个很好的标签示例:http://codepen.io/SitePoint/pen/mywEMR/