具有Ruby格式问题的砌体

时间:2015-06-11 01:08:40

标签: css ruby-on-rails ruby jquery-masonry

我是Ruby on Rails的新手,我正在完成我的第一个Web应用程序。我试图将砌筑轨道用于处理我的格式,但我似乎无法正确显示它。它应该显示在一个水平行,但有一个我似乎无法关闭的差距。您可以在此处查看我的问题:https://pintrested-blakeluna.c9.io/pins

以下是我使用的代码。

PINS.JS.COFFEE

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

PINS.CSS.CSS

#pins {
margin: 0 auto;
}

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

.box img {
width: 100%;
}

查看/ PINS / INDEX.HTML.ERB

<div id="pins" class="transitions-enabled">
 <% @pins.each do |pin| %>
 <div class="box panel panel-default">
  <%= link_to image_tag(pin.image.url(:medium)), pin %>
   <div class="panel body"> 
    <%= pin.description %>
   </div>

<div class="panel-footer">    
   <% if pin.user == current_user %>
    <%= link_to 'Edit', edit_pin_path(pin) %>
    <%= link_to 'Destroy', pin, method: :delete, data: { confirm: 'Are you sure?' } %>
   <% end %>
</div>
<% end %>

</div>

</div>
 <%= link_to 'New Pin', new_pin_path %>

的application.js

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

我已经被困了很长一段时间,我觉得我必须要错过一些简单的东西,代码完全反映了我应该做的事情并且它不起作用。谢谢!

0 个答案:

没有答案