Foundation 4 を使用して請求書ページをグリッド化しています。これが私のコードです:
<div class="row grid">
<div class="large-6 columns">
<span>Ship To</span>
</div>
<div class="large-6 columns">
<span>Order Information</span>
</div>
</div>
<div class="row">
<div class="large-6 columns">
<span>Content Of ShipTo</span>
</div>
<div class="large-6 columns">
<span>Content Of Order Information</span>
</div>
</div>
2 つの行を持つ 2 列のテーブルとして表示されます。
ただし、ウィンドウを狭めると、2 つのヘッダーが一緒に上下することがわかります。2 列目の最初のセルを 1 列目の最初のセルの下に表示したいと考えています。コードを変更するには?ネスト グリッドが機能する可能性もありますが、それでも皆様からのご意見をお待ちしております。