2015-02-12 60 views
0

這裏是什麼我的網站看起來像現任的jsfiddle:https://jsfiddle.net/4u4xx1yg/使用Twitter Bootstrap在Rails中的砌體問題。

有div之間出現一個空的空間,這就是爲什麼我試圖用磚石做的div顯示如下:

evenly spaced divs with twitter bootstrap and masonry

我正在使用Bootstrap和Rails 4.我用each_slice()創建了兩列。我嘗試以下,使用Masonry Rails gem,但它並沒有工作:

,我已將此添加的application.js:

$(function(){ 
    $('#masonry-container').masonry({ 
     itemSelector: '.box', 
    }); 
}); 

我在做什麼錯砌體?

在application.js中,我有:

//= require masonry/masonry.min 

而在application.css.scss,我有:

/* 
*= require 'masonry/basic' 
*/ 

回答

0

我得到這個編輯的CSS工作:

#masonry-container { 
    margin: 0 auto; 
} 

.box { 
    width:450px; 
}