砌体轨道不能在我的应用程序中工作

Question

我正在尝试在我的rails应用程序中实现mansory-rails但无法使其正常工作。理想情况下，我希望实现与这个人建立的相同的外观和感觉。 - ＆GT; https://github.com/mackenziechild/pinterest_clone。但是，我的应用程序仅显示单个垂直线中的图像列表。当浏览器的大小发生变化时，没有任何反应，但它应该从左到右显示图像，并在最后一个图像达到屏幕宽度限制时下到下一行。

欣赏是否有人可以查看我的代码并告诉我我做错了什么。

菜单/ Index.html.haml

> .tab-pane#list{:role => "tabpanel"}
>     #menus.transitions-enabled
>       - @menus.each do |menu|
>         .box.panel.panel-default
>           .image_wrapper
>             = link_to image_tag(menu.photos.first.image.url(:medium)), menu if menu.photos.present?
>             %h2= link_to menu.name, menu

menus.coffee

$ ->
  $('#menus').imagesLoaded ->
    $('#menus').masonry
      itemSelector: '.box'
      isFitWidth: true

的application.js

//= require jquery
//= require jquery.turbolinks
//= require bootstrap-sprockets
//= require jquery_ujs
//= require masonry/jquery.masonry
//= require bootstrap-switch
//= require bootstrap-datetimepicker
//= require cocoon
//= require turbolinks
//= require_tree .

application.css.scss

 *= require 'masonry/transitions'
 *= require_tree .
 *= require_self
 */
@import "bootstrap-sprockets";
@import "bootstrap";
@import "font-awesome-sprockets";
@import "font-awesome";
@import "bootstrap3-switch";
@import "bootstrap-datetimepicker";
@import "menus";