Jquery UI可以使用bootstrap错误进行排序

Question

我需要在流体引导程序的布局中制作可排序的div。 这是我在jsfiddle的代码：http://jsfiddle.net/6UkdR/

        <div class="row-fluid">
<div id="sortable">
            <span class="span3">
                <div class="thumbnail">
                </div>
            </span>
            <span class="span3">
                <div class="thumbnail">
                </div>
            </span>
            <span class="span3">
                <div class="thumbnail">
                </div>
            </span>
 </div>
        </div>
    <div class="row-fluid">
<div id="sortable">
            <span class="span3">
                <div class="thumbnail">
                </div>
            </span>
            <span class="span3">
                <div class="thumbnail">
                </div>
            </span>
            <span class="span3">
                <div class="thumbnail">
                </div>
            </span>
        </div>
 </div>

1）如果您尝试移动第一个或最新的div，则会移动div。

2）如何连接两者？使用该代码，我可以只在一行中对div进行拖动排序，但我需要对所有的div进行排序。

Answer 1

似乎是占位符的问题。我已经添加了保证金修复：

.ui-sortable-placeholder {
     margin-left: 0 !important;
}

现在似乎没事。

Demo

要在列表之间进行排序，您可以使用connectWith。