Ruby on rails 已启用的砌体转换未正确显示（Rails，c9环境）

我是一名RubyonRails初学者，阅读了John Elder的Pinterest克隆指南，我一直在尝试应用RubyonRails和jquery

我在c9.io上操作，我已经安装了所需的gems并使用了bundle install

我遇到的问题是，尽管在加载过程中没有显示错误，但我的PIN显示仍然是垂直的，没有响应

我做错了什么

这是我的密码：

application.css

 *= require 'masonry/transitions'
 *= require_tree .
 *= require_self
 */

#pins {
margin: 0 auto;
}

.box {
margin: 5px;
width: 214px;
}

.box img {
width: 100%;
}

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

pins.js.coffee

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

pins.css.scss

 *= require 'masonry/transitions'
 *= require_tree .
 *= require_self
 */

#pins {
margin: 0 auto;
}

.box {
margin: 5px;
width: 214px;
}

.box img {
width: 100%;
}

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

index.html.erb

<div id="pins" class="transitions-enabled masonry">
   <% @pins.each do |pin| %>
     <div class="box">
         <div class= "panel panel-default">
            <%= link_to image_tag pin.image.url (:medium) %><br/>
            <div class="panel-body">
              <%= pin.description %><br/>
            </div>
              <% if pin.user == current_user %>
                <dsv class="panel-footer">
                  <%= link_to 'Edit', edit_pin_path(pin) %><br/>
                  <%= link_to 'Destroy', pin, method: :delete, data: { confirm: 'Are you sure?' } %>
                </div>
              <% end %>
          </div>
      </div>
    <% end %>
</div>

---

我终于找到了解决问题的办法

我刚刚尝试将其他行添加到application.css文件中：

*= require 'masonry/basic'

---

在教科书中添加此选项据说是可选的，但事实上，它们对于确保显示器正常工作是非常必要的（在我看来……我是个初学者）。

我终于找到了解决问题的方法

我刚刚尝试将其他行添加到application.css文件中：

*= require 'masonry/basic'

在教科书中加入这一点据说是可选的，但事实上，它们对于确保显示器正常工作是非常必要的（在我看来……我是个初学者）