具有注释丢失的Bootstrap / Angular js响应网格

Question

嗨，我很难找到一个与bootstrap / angular.js配合使用的响应式网格系统

我一直在使用Masonry但是当我试图删除评论调整我的div的高度时，它会中断。在开发者网站上说这不受支持。

任何人都可以推荐其他任何东西......我知道这是一个非常具体的问题，但我完全陷入困境。

非常感谢任何帮助/建议。

Answer 1

我不确定评论辍学是什么意思，但是如果你不使用容器流体，那么bootstrap应该可以与Masonry一起使用。

$(document).ready(function () {

    $("#posts").masonry({
        itemSelector: '.post',
        isAnimated: true,
        columnWidth: function( containerWidth ) {

            // do nothing for browsers with no media query support
            // .container will always be 940px
            if($(".container").width() == 940) {
                return 240;
            }   

            var width = $(window).width();
            var col = 300;

            if(width < 1200 && width >= 980) {
                col = 240;
            }
            else if(width < 980 && width >= 768) {
                col = 186;
            }

            return col;
        }
    });
});

http://jsfiddle.net/mWtmY/288/