twitter-bootstrap - レスポンシブな列から行へのブートストラップ (TD 行スパンのような)?

Question

大きなビューポートでこれから行く方法はありますか:

xsビューポートでこれに：

それとも、これは BS グリッドシステムの範囲を超えていますか? ネストされたグリッドを含めるためにコンテンツを再生成する必要があることを除けば?

画像は明らかに縮尺どおりではありませんが、私が何をしようとしているのかを理解するには十分なはずです. 列 2 は 3、4、および 5 より上にある場合もあります。どちらの方法でも問題ありません。

ありがとう！

score 1 · Accepted Answer

これを実現する 1 つの方法は、2 つのレイアウトを使用することです。この方法では、画面サイズごとにレイアウト/コンテンツを制御できます。

&クラスを使用するhidden-*-upとhidden-*-down、画面サイズに基づいて要素を表示および非表示にできます。

div の 1 つのセットで大きな画面を定義できます。

<div class="hidden-xs-down">
  <!-- layout for large screens -->
</div>
<div class=".hidden-sm-up">
 <!-- layout for xs screens -->
</div>

欠点は、2 つのレイアウトを維持する必要があることです。利点は、完全に制御できることです。

1 に答える 1