Bootstrap 3选项卡仅堆叠在桌面/平板电脑上

时间:2013-10-05 15:39:36

标签: css twitter-bootstrap twitter-bootstrap-3

bootstrap 3是否有办法解决以下问题:

我有一个.nav-tab导航,应该显示为堆叠标签(.nav-stacked; vertical),但仅限于桌面/大型平板电脑。在较小的设备上(< 768px)我想要一个普通的.nav-tab(水平)。

有没有办法只使用一些CSS行?

1 个答案:

答案 0 :(得分:0)

使用css media queries.

例如,

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

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