html5のブートストラップとjQuery UIレイアウトの問題

Question

私はWebアプリケーションで作業していますが、ページの右側にパネルのサイズを変更できる必要があります。私はjQuery UIを使ってこれを達成しました。しかし、私のアプリでもBootstrapを使う必要があります。問題はそれだと思います.Itryをサイズ変更すると、ちょっと左に移動します。私はこの効果が誰かが私を喜ばせることができますか？

Fiddle

サイズ変更されるボックスは、右から左へ、赤色です。

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

Answer 1

サイズ変更可能な機能は、パディングを忘れリサイズしながら、このCSS特性box-sizing:border-boxで失敗すると、このプロパティは、幅にパディングをマージします。

サイズ変更中は、サイズ変更を開始するたびにパディングが減り、ブートストラップCSSではこのプロパティを使用します。

使用すると、これは、この要素とサイズ変更が可能な機能で、デフォルトのブートストラップ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 
} 

これは正常に動作します。

フィドルを参照してください：そのok..itsはleft..whatに動いていない私にとってhttps://jsfiddle.net/DTcHh/23283/