twitter-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->span6 更改为从 span2->span3 更改右列。

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