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