Zurb Foundation：想要水平滚动条

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。如果有更多large-12可以在当前屏幕中显示，我希望div .item可以滚动。我怎样才能做到这一点？目前，如果我添加了太多.item，那么它们会转到下一行！

由于

Answer 1

您需要将overflow-x:scroll;和white-space:nowrap;添加到父容器中。和display:inline-block;的{​​{1}}。

这是 demo 。