HTML5引导和jQuery UI布局问题

我正在开发一个web应用程序，我需要在页面右侧有一个能够调整大小的面板。我已经完成了使用jQuery UI。但是我的应用程序也需要使用Bootstrap，我认为这是一个问题：当Itry调整它的大小时，它会向左移动一点。我不希望这种效果可以有人帮助我吗？HTML5引导和jQuery UI布局问题

Fiddle

框被调整为从右到左的红色。

$('.move').resizable({handles: 'w'});

来源

2016-08-04 Leonardo Chirivì

对我来说，它的ok..its没有移动到left..what是问题？ –

好吧，我错了，请现在试试小提琴吧。 –

对我来说也是一样。调整小尺寸时向右移动。 –

大小可变功能与该CSS属性box-sizing:border-box未按而调整其大小忘记填充和该属性合并填充，以宽度。

因此，调整大小时，它会减少每次您开始调整大小和引导CSS的填充使用此属性。

使用此box-sizing:content-box

.move{ 
    position: absolute; 
    width: 20%; 
    height: 200px; 
    bottom: 0; 
    right: 0; 
    border: 5px solid #f00; 
    margin-right: 0; 
    box-sizing:content-box 
}

这将覆盖该元素和调整大小功能缺省引导CSS将正常工作。

见琴：https://jsfiddle.net/DTcHh/23283/

来源

2016-08-04 07:16:33

是的，这是伎俩！谢谢，我欠你一个！ –

HTML5引导和jQuery UI布局问题

回答

相关问题