Responsive design 如何设置一个"；断点；使用ZURB基础网格堆栈行

假设我有一行，12列网格上有两个元素：

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

但如果屏幕比XXX小，它将是 显示为好像有两行

part1
part2

Zurb基金会能做到这一点吗？还是其他框架

编辑：我想自己指定断点（XXX）的值。

---

不仅依赖默认行为。

如果要更改断点，则需要修改此处列出的断点：

---

这是基金会的默认行为。我不明白这个问题。另见：

part1
part2

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

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