Jquery ui 设置twitter引导程序3响应类更改的动画

我有一个使用twitter引导设置的页面，我的布局如下：

<div class="container">
    <div class="row">
        <div id="col-1" class="col-xs-4"></div>
        <div id="col-2" class="col-xs-8"></div>
    </div>
</div>

---

但是这不起作用，你知道怎么做吗？

我找不到你的代码不起作用的原因，另请参见：

在代码中使用

$（“#col-1”）.switchClass（“col-xs-8”、“col-xs-12”、300）

这将使用

列1

代替列2作为选择器

col-1

没有

col-xs-8

类，因此无法切换该类。

回复

---

是否有可能将其设置为12月18日col-xs-0–loriensleafs的动画 13点15分01分

而不是像Bass Jobsen建议的那样创建col-xs-0并更改下面的类

$（“#col-1”）.switchClass（“col-xs-8”、“col-xs-0”，300）；

你可以做下面的事情

$（“#col-1”）.hide（300）；

---

两者都可以工作，但这样更干净

是的，使用jquery ui可以将其动画化为col-xs-0。在引导过程中不会定义

。col-xs-0

。如果有，它应该意味着像0%这样的隐藏。我认为您可以在css中定义：

.col-xs-0{width:0%；}

$(".btn").click(function() {
    $("#col-1").switchClass("col-xs-4", "col-xs-1", 300);
    $("#col-1").switchClass("col-xs-8", "col-xs-12", 300);
});