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）时，它开始从第二行而不是右上角移动到错误的位置。所有其他cols工作正常。我该怎么办？

编辑：该错误仅适用于Firefox。

Answer 1

尝试在blockcontainer id上添加填充：

#blockcontainer{
       padding:5px;    
}

以下是修复的jsfiddle： http://jsfiddle.net/99on7Lyt/9/show/

JQuery-UI可排序Bootstrap最后col bug

1 个答案: