いいえ、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/