不,使用 Twitter Bookstrap 的响应式布局可以实现所需的情况。
但是,这并不是一件很难解决的事情。
如果您希望发生这种情况,您将需要在元素上添加另一组类。默认情况下,所有元素都堆叠在移动设备上,因为线性版本是我们所期望的。如果您查看http://foundation.zurb.com/docs/grid.php,您会看到 Zurb 还创建了另一组基于 4 列移动网格的样式。通过添加这些额外的类,它可以让你控制你的列占据 1/3 1/2 2/3 全宽。
如果您忽略填充和边距,您将有一些类似的东西
.mobile-one {width: 25%;}
.mobile-two {width: 50%;}
.mobile-three {width: 75%;}
/* We've left this one off because it's the same style that is already applied
.mobile-one {width: 100%;} */
然后到您现有的 HTML,您可以添加
<div class="span3 mobile-one">...</div>
<div class="span9 mobile-three">...</div>
或者
<div class="span3 mobile-two">...</div>
<div class="span9 mobile-two">...</div>
编辑
我编写了一个基本示例供您使用-> http://playground.responsivedesign.is/twitter-bootstrap/