Проблемы с масонством в Rails, используя Twitter Bootstrap.

Question

Вот JSFiddle, что мой сайт выглядит в настоящее время: https://jsfiddle.net/4u4xx1yg/

Существует пустое пространство между дивами, поэтому я пытаюсь использовать масонство, чтобы сделать дивы выглядеть следующим образом:

Я использую Bootstrap с Rails 4. Я создаю два столбца с each_slice(). Я попробовал следующее, используя Masonry Rails gem, но он пока не работает:

И я добавил это application.js:

$(function(){ 
    $('#masonry-container').masonry({ 
     itemSelector: '.box', 
    }); 
}); 

Что я делаю неправильно с масонством?

В application.js, у меня есть:

//= require masonry/masonry.min 

И в application.css.scss, у меня есть:

/* 
*= require 'masonry/basic' 
*/ 

Answer 1

Я получил эту работу путем редактирования CSS из:

#masonry-container { 
    margin: 0 auto; 
} 

.box { 
    width:450px; 
}