css - Bootstrap 3 选项卡仅堆叠在台式机/平板电脑上

Question

bootstrap 3有没有办法解决下面的问题:

我有一个 .nav-tab 导航，它应该显示为堆叠标签(.nav-stacked；垂直)，但仅限于台式机/大型平板电脑。在较小的设备 (<768px) 上，我想要一个普通的 .nav-tab(水平)。

有没有办法只用几行 CSS 来做到这一点？

Answer 1

使用css media queries.

例如，

下面媒体查询中定义的规则将应用于任何低于 768px 的分辨率

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