jquery sortables в отзывчивом макете

Question

У меня есть раскладка из трех столбцов, которая складывается до одного столбца. Я хочу иметь возможность перемещать div между столбцами. Проблема, с которой я столкнулся, - это скоро, когда столбец пуст, нет возможности переместить div обратно в него.

посмотреть здесь (переместить все дивы в одну колонку): http://jsfiddle.net/65ENw/17/

Ввод фиксированной ширины на колоннах решает эту проблему, но тогда мой макет перестает быть отзывчивым.

Answer 1

Вы можете установить минимальную высоту и минимальную ширину в столбцах, и они будут по-прежнему занимать пространство, если в них нет виджетов.

.widgetCol{ margin:0 1% 0 1%; width:98.0%; min-width:20px; min-height: 20px} 

Я обновил свою скрипку, чтобы продемонстрировать: http://jsfiddle.net/65ENw/18/