jquery - Bootstrap と 2 行の Fluid カラムでソート可能

Question

私は実際に、ソート可能にしたいいくつかのウィジェットを含む親切なダッシュボードページをコーディングしています。ページの主な構造は、Twitter Bootstrap 3.0 に基づいています。興味深い部分は次のとおりです。

    <div class="row fluid">
    <!-- Column 1 -->
    <div class="span6 sortable">
        <div class="span12">
            Widget 1
        </div>

        <div class="span12">
            Widget 2
        </div>

        <div class="span12">
            Widget 3
        </div>
    </div>
    <!-- Column 2 -->
    <div class="span6 sortable">
        <div class="span12">
            Widget 4
        </div>

        <div class="span12">
            Widget 5
        </div>

        <div class="span12">
            Widget 6
        </div>
    </div>
    </div>

そして、次のような JS コード:

$( ".sortable" ).sortable();
$( ".sortable" ).disableSelection();

私の問題は、ウィジェットを同じ列で並べ替えることはできますが、ある列から別の列への並べ替えができないことです。

何か案が ？