Jquery 使用Metro UI（CSS）如何像在windows Azure网页中那样重新排列磁贴/面板？

我最近看到了WindowsAzure网页的演示，看到了一个非常简洁的功能。。。 在管理门户中，您可以获取一个互动程序或任何内容，并在其网页上重新排列它们

将包含内容的平铺/面板拖到背景中时，会出现一个可视网格，向您展示如何将内容放置在此网格中。（当然，您可以定义网格的显示位置）

他们使用什么组件来实现这种可能的重新排列

我计划使用Metro UI CSS，我真的希望能够使用一种简单的方法来定义位置（div？），在那里我可以重新排列这些内容面板。。。 让用户能够设计自己的起始页面

对此，我应该考虑什么样的框架

（我看到有人几乎做到了我想要的，但我真的想要一个简单的框架，比如Metro UI CSS，它可以轻松实现这些功能，我喜欢我的项目中的Metro UI CSS组件）

我想能够拖动和重新安排任何内容真的。。。

---

网格显示不是一个要求，但是我至少能够突出显示一个“框架”或div，用户可以在其中放置他的内容。。。但是网格真的很有用

就是这样，神秘的拖放式多柱网已经出现。Gridster是一个jQuery插件，允许从跨多列的元素构建直观的可拖动布局。