Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/77.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery bootstrap3&;砌体:设置四根立柱_Jquery_Html_Css_Twitter Bootstrap_Jquery Masonry - Fatal编程技术网

Jquery bootstrap3&;砌体:设置四根立柱

Jquery bootstrap3&;砌体:设置四根立柱,jquery,html,css,twitter-bootstrap,jquery-masonry,Jquery,Html,Css,Twitter Bootstrap,Jquery Masonry,我正在尝试将砌体与引导3集成。我的目标是连续显示4个项目 无砌体其显示4项,但集成砌体后,其显示3项 这是我所做的js fiddle链接 JSIDLE链接: 链接到砌体选项: 我在初始化中设置了以下选项: $(document).ready(function () { var $container = $('#feed-list'); $container.masonry({ itemSelector: '.feed', columnWidth:

我正在尝试将
砌体
引导3
集成。我的目标是连续显示4个项目

砌体
其显示4项,但集成
砌体
后,其显示3项

这是我所做的js fiddle链接

JSIDLE链接:

链接到砌体选项:

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

$(document).ready(function () {
    var $container = $('#feed-list');
    $container.masonry({
        itemSelector: '.feed',
        columnWidth: '.feed',
        transitionDuration: 0
    });
});
任何帮助都将不胜感激。提前感谢。

更改此:

对此:

在这里演奏小提琴:


下面是一个关于选项卡的好例子:

您是否能正常工作?有什么我能帮你的吗?