如何使用zurb基础网格设置“断点”以堆叠行

Question

假设我在12列网格上有两行元素：

<div class="row">
    <div class="three columns">part 1</div>
    <div class="nine columns">part 2</div>
</div>

通常它们并排显示。像：

part1      part2

但是如果屏幕小于XXX，那就是 显示好像有2行...

part1
part2

zurb基金会这样做吗？或任何其他框架？

编辑：我想自己指定断点（XXX）的值。 不仅依赖于默认行为。

Answer 1

如果您想更改断点，则需要修改此处列出的断点：http://foundation.zurb.com/docs/media-queries.php

/* Medium screens */
@media only screen and (max-width: 1279px) and (min-width: 768px) { ... }

/* Small screens */
@media only screen and (max-width: 767px) { ... }