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/

Когда я перетащить & падение последнего седловины -md (D в примере), он начинает двигаться в неправильном положении, из второй строки вместо верхнего правого угла. Все остальные колонии прекрасно работают. Как я могу исправить?

Редактировать: Исправлена ​​ошибка только в Firefox.

Answer 1

Попробуйте добавить отступы на blockcontainer ID:

#blockcontainer{ 
     padding:5px;  
} 

Вот jsfiddle с исправлением: http://jsfiddle.net/99on7Lyt/9/show/