Вот'что яЯ хотел бы сделать:

Начальное отображение

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

Затем, когда на кнопку #button нажимают, содержимое # col1 анимируется, перемещаясь вправо в .span3, а # col2 .span9 анимируется слева направо (с экрана):

После нажатия кнопки / анимация

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

И тогда может произойти обратное, чтобы добраться до исходного состояния.

Спасибо!

ВОПРОС ISI '

используя Twitter Bootstrap Grid System. погуглитьTwitter Bootstrap column transtions animation и вариации не делалиничего не поднимай. Я'я не гуру анимации JQuery, так что я думал, чтобуду умолятьДобрый люди в стеке переполнены.

Надежда на то, что тамКто-то здесь, кто может знать больше, чем я об этом, отвечал бы с некоторым кодом, показывающим, как этого можно достичь. Извините, я подумала, что это подразумевается просто размещением на сайте.

Вот'что ямы пытались

http://jsfiddle.net/KdhAB/3/