7 列の表のようなグリッド (Bootstrap を使用) と上部に列名を持つデスクトップ デザインがあります。
小さな画面では、グリッドは 3 列になります。7 つの列名が 2 つの別々の行に分割され、他の行とインターリーブされます。基本的に、マークアップの順序は画面サイズによって完全に変わります。
これにアプローチする最良の方法は何ですか？
当初は jQuery を使用してコンテンツをカット アンド ペーストしようと考えていましたが、今は考え直しています。
responsejs に関するこのコメントも見ました:画面サイズに応じて HTML を置き換えます 画面サイズ に応じてコンテンツを交換するユーザーフレンドリーな方法を提供しますが、モバイル用に別のページを持っているように思えます...