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佈局問題

回答

相關問題