Twitter bootstrap 根据分辨率显示不同的第一个活动引导选项卡窗格

对于桌面分辨率，有没有办法从一个活动的

选项卡窗格开始，但对于低于
992px
（移动）的所有分辨率，有没有办法从另一个开始

所以我有点像：


某物
别的

现在，当分辨率低于
992px
时，我宁愿将类
.in
和
.active
放在tab_2中，而不是tab_1中。您可以使用一个选项卡窗格，用于所有分辨率，但该窗格的内容取决于分辨率，因此只显示正确的一个

（不确定我是否正确地解释了你的问题…
当然可以

通过操作DOM，CSS类是可编辑的。在您的情况下，只要可以动态检测到窗口大小，
.fade
和
.In
类将按预期放置

以下是使用jQuery的代码片段：

$(document).ready(function() {
    function changeTab() {
        if ($(window).width()< 992) {
            $("#tab_1").removeClass("fade in");
            $("#tab_2").addClass("fade in");
        }else{
            $("#tab_1").addClass("fade in");
            $("#tab_2").removeClass("fade in");
        }
    }
    changeTab();

    // Bind the function, it will be executed once window is resized.
    $(window).resize(changeTab);
});

$（文档）.ready（函数（）{
函数changeTab（）{
如果（$（窗口）.width（）<992）{
$（“#选项卡_1”）。移除类（“淡入”）；
$（“#tab_2”）.addClass（“淡入”）；
}否则{
$（“#tab_1”）.addClass（“淡入”）；
$（“#tab_2”）。移除类（“淡入”）；
}
}
changeTab（）；
//绑定该函数，它将在调整窗口大小后执行。
$（窗口）。调整大小（更改选项卡）；
});
谢谢，但我需要将内容放在不同的选项卡窗格中，顶部有不同的选项卡。我想我需要一些“JS魔法”来检查我当前的引导分辨率，并相应地放置.active类？