jQuery UI .resizable() & Bootstrap冲突

Question

我发现了jQuery和Bootstrap 3之间的冲突。

此jsFiddle将显示：

http://jsfiddle.net/flashspys/S8eHJ/2/

重要的东西：

$(".textdiv").draggable({containment: "parent"}).resizable({handles: "all"});
…
.textdiv {padding: 10px;}

如果你调整盒子的大小，你会注意到盒子有点跳了。只有当包含bootstrap.css时，此行为才存在。我发现这种效果取决于内部div的填充和边界。如果你增加填充物，盒子会跳得更厉害。

这个虫子已经知道了吗？我问过谷歌，但一无所获。

Answer 1

引导程序正在将box-sizing: border-box;应用于您的div。将box-sizing: content-box;添加到textdiv以修复它。

下面是它的外观：http://jsfiddle.net/S8eHJ/3/