JQuery-UI 可排序 Bootstrap 最后一列错误

Question

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

<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

尝试在块容器 ID 上添加填充：

#blockcontainer{
       padding:5px;    
}

这是带有修复的 jsfiddle： http://jsfiddle.net/99on7Lyt/9/show/