レスポンシブ Bootstrap フレームワークを使用して Web サイトを設計しています。
3 つのコンテンツ領域が (水平に) 隣り合っています。小さなディスプレイを使用している場合、これら 2 つのコンテンツは互いの下に表示されます (典型的なレスポンシブ デザイン)。
<hr/>
今、お互いの下にある各コンテンツブロックの後に追加したいと思います。
<div class="row-fluid content">
<div class="span4">test1</div>
<div class="span4">test2</div>
<div class="span4">test3</div>
</div>
これは大きなディスプレイのコード全体です。
一部のディスプレイでは、横に 2 つのブロックがあり、2 つのブロックの下に 1 つのブロックがあります。次に<hr/>
、2 行の間に a を挿入します。