bootstrap 拖拽排序

Bootstrap提供了一个名为"Sortable"的JS插件，可以实现拖拽排序的功能。下面是一个简单的示例：

HTML代码：

<div class="container">
  <h3>Sortable List</h3>
  <ul class="list-group sortable">
    <li class="list-group-item">Item 1</li>
    <li class="list-group-item">Item 2</li>
    <li class="list-group-item">Item 3</li>
    <li class="list-group-item">Item 4</li>
    <li class="list-group-item">Item 5</li>
  </ul>
</div>

JS代码：

$(function() {
  $('.sortable').sortable();
});

这段代码会使包含类名"sortable"的元素成为可以拖拽排序的列表。你可以将列表项拖拽到其他位置，排序会自动调整。

如果你想限制只能在一个特定的区域内进行拖拽排序，可以将这个区域的元素的类名添加到`connectWith`选项中，如下所示：

$(function() {
  $('.sortable').sortable({
    connectWith: '.connected'
  });
});

这样，只有包含类名"connected"的元素才能与这个列表进行拖拽排序。