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。