按数据属性重新排序 bootstrap 列

Reorder bootstrap columns by data-attribute

我有一个签到人员列表,我将它们输出到 2 列宽度的列中。这意味着我每行有六个条目。数据从数据库中取出,并按签入日期和时间排序。

一旦有了该列表,我就想通过(例如)数据属性对其进行重新排序。此属性的值介于 0-15 之间,我想将其降序排列。问题是,我一开始不能设置那个数据属性,我必须先select签到的人,然后我才能设置数据属性。

我已经阅读了 bootstrap 的推拉 类。这是要走的路吗?

我认为 push/pull 类 会让人感到困惑。为什么不使用 jQuery:

对 DIV 列进行排序
  var columns = $('[data-order]');
  columns.sort(function(a, b){
      return $(a).data("order")-$(b).data("order")
  });

  $("#list").html(columns);

http://bootply.com/NppP4pEetz