使用jQuery调整2个依赖的引导列 - 让我的数学错误？

Question

我有一个简单的bootstrap布局，有2列（4：8）。  我希望列可调整大小，因此我使用jquery.resize()进行了initial success。

然而，当我向左或向右拖动调整大小手柄（红色条）时，从属列的增长/缩小速度比＆＃34; master＆＃34;柱。我一定错过了什么。

我创建了一个显示效果的example fiddle。注意：您需要将输出窗口设置为宽，以使列彼此相邻。

我的问题：

• 如何调整列的大小＆＃34;同步＆＃34;所以蓝线和红线保持对齐
• 向右拖动时，列会扩展屏幕宽度，我该如何防止？

Answer 1

试试这个 jsfiddle

我在resize事件中添加了$(masterDrag).css({left:'0px'});。