将自举与同位素集成 [英] integrating bootstrap with isotope

问题描述

在下面的链接中，我想通过添加引导程序类(以及砌体布局模式)将DIV的列表转换为3列网格. 演示-Twitter引导程序&同位素

In the link below I wanna convert a list of DIVs to 3 columns Grid by adding class span4 of bootstrap (and masonry layout mode). Demo - twitter bootstrap & isotope

$('#grid').on('click', function() {
    $('.item').hide().addClass('span4');
    $('.item:nth-child(3n+1)').css('margin-left', 0); // remove extra margin-lefts
    $('.item').show();
    $('#posts').isotope({
        itemSelector: '.item',
        resizable: false,
        animationEngine: 'best-available'
    });
});
$(window).smartresize(function() {
    $('#posts').isotope('reLayout');
});

但是正如您所看到的，第三列进入下一行.我尝试减小bootstrap span4的宽度，但这没有任何区别.

but as you can see, 3rd column break into the next line. I tried reduce bootstrap span4 width but that doesn't make any differences.

推荐答案

使用最新版本的同位素.集成错误已修复！

Use the latest version of isotope. integration bug is fixed !

http://isotope.metafizzy.co/

这篇关于将自举与同位素集成的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！