ブートストラップ折りたたみテーブルの行

Question

私は、モバイルデバイス上のドロップダウンに崩壊してしまう4つの列のテーブルに似た何かのための勧告を探しています。私の元のコードはブートストラップテーブルですが、そのサイズが最も小さいテーブルはまだモバイルデバイスにとっては大きすぎます。モバイルデバイスで表示する必要があるのは、展開された詳細ビューへのクリック可能なリンクを含む最初の行なので、ドロップダウンに陥る可能性があると私は考えています。大きなスクリーン用のテーブルと小さい画面のドロップダウン - -

Answer 1

最も簡単な方法は、二つの異なるコントロールを使用することであってもよいし、ページの両方が含まれます。

次に、画面サイズに基づいて必要とされないコントロールを非表示にします。既にブートストラップを使用しているので、そのresponsive utilitiesを調べてください。あなたはそれであなたを助ける.hidden-smか.hidden-lgのような事前に定義されたCSSクラスを見つけます。