如何使用Zurb Foundation和SASS mixins實現響應式的Pinterest風格佈局？

我正在使用Zurb Foundation與SASS和Compass。我需要實現Pinterest風格的列布局，其中每個「面板/引腳」可以有不同的高度，但所有面板/引腳都有相同的寬度。面臨的挑戰是讓他們沒有縱向差距;使用'CSS浮動'留下了虛擬的空白。我一直在Zurb基金會嘗試各種網格選項，但成效不大。是否有mixin實現Pinterest風格佈局？如何使用Zurb Foundation和SASS mixins實現響應式的Pinterest風格佈局？

來源

2013-01-17 user193116

這裏有問題嗎？除非你對CSS應該是什麼有所瞭解，否則Sass不能幫助你。 – cimmanon

他們似乎在Pinterest上使用position：absolute，然後使用javascript來計算頁面上的位置。 –

您將需要更多的工具，而不僅僅是基礎。我建議你嘗試添加該到項目http://masonry.desandro.com/

或者

更強大，但不是免費用於商業用途。 http://isotope.metafizzy.co/

來源

2013-01-18 13:44:17

同位素效果很好。！ – user193116

如何使用Zurb Foundation和SASS mixins實現響應式的Pinterest風格佈局？

回答

相關問題