bootstrap 2.3.2中的用户可调整大小的列

Question

我的布局看起来很像这样：

http://jsfiddle.net/nAbNm/1/

<div class="container-fluid">
    <div class="row-fluid">
        <div class="span3></div>
        <div class="span7"></div>
        <div class="span2"></div>
    </div>
</div>

我想让用户可以调整两条中心边框线。我希望将它们固定到位，例如，如果您将右侧列拖大，则会更改span7-＆gt; span6中的中间列和span2-＆gt; span3中的右列。

我不知道从哪里开始。我知道代码必须删除和添加类，我可以在一分钟内用一个按钮完成它，但我不知道如何操纵'点击并拖动'。