Zurb基礎塊網格丟失單元格

我使用Zurb基金會塊網格佈局並遇到一個問題。
我有這樣的代碼跟Ember.JSZurb基礎塊網格丟失單元格

<div class="row"> 
    <ul class="small-block-grid-2 large-block-grid-5"> 
     {{render Ember.JS View}} 
    </ul> 
</div>

灰燼產生哪些應該像 http://jsfiddle.net/67obcg00/
然而7個<li>元素，整個電網轉移到右邊的頁面上。因此，第一行中的第一個單元格爲空，第二個單元格包含li＃1的7個。
最終，最後一行包含兩個單元格，而不是一個單元格。

有什麼建議嗎？
謝謝。

來源

2014-11-17 mgalkin

這裏，把手2.0和5.4.7 Zurb

問題你面對使用CSS選擇使用灰燼1.7和4.1.6 Zurb

而且使用灰燼1.9公測版本jsbin工作jsbin[:nth-child][3]和pre ember.js 1.8是ember使用的meta-morph標籤，它知道它負責更新哪些DOM部分。第n個子選擇器會將樣式應用於腳本標記以及列表元素。

<ul class="small-block-grid-2 large-block-grid-5"> 
    <script id="metamorph-10-start" type="text/x-placeholder"></script><script id="metamorph-2-start" type="text/x-placeholder"></script> 
    <li><img src="http://placehold.it/395x590" data-bindattr-287="287"></li> 
    <script id="metamorph-2-end" type="text/x-placeholder"></script><script id="metamorph-3-start" type="text/x-placeholder"></script> 
</ul>

使用CSS選擇:nth-of-type將僅適用於該樣式指定的類型。

乾杯我希望有所幫助。

來源

2014-11-17 15:40:42 kiwiupover

我檢查了我的Ember版本，它是1.4.0。據我瞭解，我應該更新到1.8.0來解決問題，對吧？ – mgalkin

確定將Ember更新爲1.8或編寫您自己的塊網格。與n孩子。 '.small-block-grid-2> li {width：50％; width：50％; list-style：none; } .small-block-grid-2> li：nth-child（1n）{ clear：none; } .small-block-grid-2> li：第n個孩子（2n + 1）明確：兩者; } ' – kiwiupover

Zurb基礎塊網格丟失單元格

回答

相關問題