【问题标题】:Bootstrap 3 tabs stacked only on desktop/tabletBootstrap 3 选项卡仅堆叠在桌面/平板电脑上
【发布时间】:2013-10-09 11:00:37
【问题描述】:

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

我有一个 .nav-tab 导航,它应该显示为堆叠的选项卡(.nav-stacked;垂直),但仅限于台式机/大型平板电脑。在较小的设备(

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

【问题讨论】:

  • Bootstrap 3 不支持堆叠标签,只支持药丸,如果你应用这个类,你会让它们垂直,但样式不正确

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


【解决方案1】:

使用css media queries.

例如,

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

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

【讨论】:

    猜你喜欢
    • 2023-04-10
    • 2016-02-03
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-04-14
    • 1970-01-01
    • 2021-02-02
    相关资源
    最近更新 更多