javascript-jQuery UI .resizable()和Bootstrap冲突

我检测到jQuery和Bootstrap 3之间存在冲突.

该jsFiddle将显示：

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

重要的东西：

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

如果您调整盒子的大小,您会注意到盒子在跳一点.仅当包含bootstrap.css时,此行为才存在.
我发现这种效果取决于内部div的填充和边框.如果增加填充,则框会跳得更硬.

这个错误已经知道了吗？我问谷歌,但没发现.

解决方法:

Bootstrap正在应用box-sizing：border-box；给你的div添加框大小：content-box;到您的textdiv CSS修复它.

外观如下：
http://jsfiddle.net/S8eHJ/3/

标签：twitter-bootstrap,css,html,javascript,jquery
来源： https://codeday.me/bug/20191121/2052502.html