css - デスクトップ/タブレットのみにスタックされた3つのタブのブートストラップ

Question

ブートストラップ 3 で次の問題を解決する方法はありますか。

積み重ねられたタブ (.nav-stacked; 垂直) として表示される .nav-tab ナビゲーションがありますが、デスクトップ/大型タブレットでのみ表示されます。小さいデバイス (<768px) では、通常の .nav-tab (水平) が必要です。

CSSの数行だけでこれを行う方法はありますか?

Answer 1

css メディア クエリを使用します。

例えば、

以下のメディア クエリ内で定義されたルールは、768px 未満の解像度に適用されます。

@media (max-width: 768px) {
  //define your selectors here
}