用于创建基于面板的布局的Javascript框架

我正在创建一个小型的在线IDE（灵感来源于Cloud9IDE），作为一个爱好项目，但我正在为布局而挣扎。我开始使用Twitter引导，但不可能有可固定的面板（边栏、页脚等）。所以，我正在寻找一个基于Javascript的框架，甚至是一个现代的CSS框架，它允许我有一个带有可固定面板的布局等等。与此类似：

我找到了这个jQuery插件： 但它似乎过时了，而且非常臃肿。有类似的吗

更新：

---

我不是在寻找ExtJS替代方案。我不需要小部件、数据网格或任何东西。我只需要一个灵活的布局框架，它允许我停靠那些布局。

这通常是通过

位置：绝对

实现的。假设您有一个容器，其中一个面板停靠在侧面，一个面板停靠在中间：

<div class="container">
    <div class="side-panel">
        <!-- ... -->
    </div>
    <div class="middle-panel">
        <1-- ... -->
    </div>
</div>

top

、

bottom

、

left

和

right

指定元素边缘与其容器之间的距离。1事实证明，您也可以嵌套这些元素。把这些放在一起，你可以有一个相当复杂的固定面板的布局

当然，您可能希望动态调整面板。为此，您需要编写一些JavaScript来动态设置

样式。要重新安排页面的整个布局，您需要超越设置
样式
s，并移动DOM中的元素

脚注
1实际上是最近的非静态元素。
查看Ext JS，布局系统功能非常全面。我正在寻找更简单的东西，允许我使用纯HTML&JS和我自己的CSS。ExtJS、Capuccino和其他并不是一个真正的选择。它看起来像是一个重复的问题，看看这个问题，不是，不是真的。我不是在寻找ExtJS的替代方案。我不需要小部件、数据网格或任何东西。我只需要一个灵活的布局框架，它允许我停靠那些布局。像您在这里所做的那样，询问框架建议的问题是离题的。为了让它成为主题，您必须用短语表达您的问题，而不是问框架，而是问一般如何做。从这里开始，如果有人觉得一个框架是合适的，他们会用一个框架来回答，但是如果一个不同的解决方案更合适，那就是答案。
.side-panel {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 200px;
}
.middle-panel {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 200px;
    right: 0;
}