use draggable divs with jqueryUI sortable and bootstrap (cursor take distance from divs in col-xs-6)

Question

I want to make a draggable divs with jquery UI and bootstrap like this fiddle but when I want to drag third divs at the end it takes distance from cursor.

$(function() {
    $( ".columns" ).sortable({
    });
});

Answer 1

I think you can use cursorAt: { left: Value , top: Value} for set your mouse location