JQuery-UI 可排序 Bootstrap Last col 错误

Question

我在 boostrap3 网格布局中使用 jquery-ui 可排序:

<section class="slice">
    <div class="container">
        <div class="row" id="blockcontainer">
            <div class="block col-md-3">A</div> 
            <div class="block col-md-3">B</div> 
            <div class="block col-md-3">C</div> 
            <div class="block col-md-3">D</div> 
            <div class="block col-md-12 pull-left">E</div>  
        </div>
    </div>
</section>   

这是 JSFiddle:http://jsfiddle.net/99on7Lyt/show/

当我拖放最后一个 col-md(示例中的 D)时，它开始移动到错误的位置，从第二行而不是右上角。 所有其他列都工作正常。 我该如何修复？

编辑:该错误仅在 Firefox 上出现。

Answer 1

尝试在 block 容器 ID 上添加填充:

#blockcontainer{
       padding:5px;    
}

这是修复后的 jsfiddle: http://jsfiddle.net/99on7Lyt/9/show/