Css Ruby格式问题的解决

我是RubyonRails的新手，正在开发我的第一个web应用程序。我正在尝试嵌入砖石轨道来处理我的格式，但我似乎无法让它正确显示。它应该显示在一个水平行中，但有一个差距我似乎无法弥补。你可以在这里看到我的问题：

下面是我正在使用的代码

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%;
}

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

View/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 %>

我已经被困了很长一段时间，我觉得我必须错过一些简单的东西，代码正好反映了我应该做什么，但它不起作用。谢谢