这是我想做的事情:

初始显示

---------------------------------------------
|                                           |
|                                           |
|                                           |
|              .span12 #col1                |
|                                           |
|                                           |
|                                           |
|                               [#button]   |
|                                           |
|                                           |
---------------------------------------------

然后当#button被点击时,#col1内容被动画向右滑动到.span3和#col2 .span9动画从左到右(从屏幕外):

按钮单击/动画后

-------------------------------------------------
|                                |              |
|                                |              |
|                                |              |
|              .span9  #col2     | .span3 #col1 |
|                                |              |
|                                |              |
|                                |              |
|                                | [#button]    |
|                                |              |
|                                |              |
-------------------------------------------------

然后反转可能发生到原始状态.

谢谢!

问题是

我正在使用Twitter Bootstrap网格系统.谷歌搜索Twitter Bootstrap column transtions animation和变化没有发现任何东西.我不是一个jquery动画大师,所以我想我会讨论堆栈溢出的那种人. …