Zurb基金會：想水平滾動條

Question

我有以下代碼：

<div class="row"> 
    <div class="large-12 columns"> 
     <div class="item">ITEMS GO HERE</div> 
     <div class="item">ITEMS GO HERE</div> 
     ... many .item here ... 
    </div> 
</div> 

每個.item將有一個固定的寬度，說150px。我希望div large-12可以滾動，如果有更多的.item它可以適應當前屏幕。我怎樣才能做到這一點？目前，如果我添加太多.item，那麼他們會去下一行！

感謝

Answer 1

你需要一個overflow-x:scroll;和white-space:nowrap;添加到父容器。和到.item s。

這裏是一個工作demo。