jquery - ドラッグ中に流動グリッドの左にスナップするJQuery UIのソート可能なリスト

Question

流体グリッドを使用して、Twitter ブートストラップ アプリで jquery-ui ソート可能なリストを使用しています。リスト内のすべての要素は、 を使用して中央に配置されmargin:0 autoます。

データに関してはすべて問題なく動作しますが、ユーザーがリストの要素をドラッグすると、おそらくjqueryによって位置が絶対に設定されているため、ドラッグ中に視覚的に左にスナップします。

この動作をオーバーライドする方法はありますか?

アップデート

関連する可能性のあるコードは次のとおりです。

HTML 構造

<div class="container-fluid">
    <div class="row-fluid">
        <div class="span2"></div>
        <div class="span10">
            <div id="sortable-list" data-update-url="some-url">
            <span id="position-zero"></span>
                <div class="item-container">
                    <div class="item-inner">Some text</div>
                    <div class="item-toolbar"></div>
                </div>
    </div>
        </div>
    </div>
</div>

CSS ビット

.row-fluid {
    width:100%;
}

.item-container {
margin:0 auto;
width:1205px;
}

.item-inner {
margin: 0 auto;
width:1163px;
}

.item-toolbar {
margin:0 auto;
display:none;
width:1203px;
}

#list-column {
margin: 0 auto 300px 0;
min-height:500px;
}

JS (コーヒースクリプト)

jQuery ->
    $("#sortable-list").sortable
    axis: 'y'
    placeholder: "item-placeholder"
    handle: '.icon-move'
    sort: ->
        $('.item-toolbar').hide()
    update: ->
        $.post($(this).data('update-url'), $(this).sortable('serialize'))