How to Make Bootstrap Modal Draggable?

How to Make  Bootstrap Modal Draggable?

Step:1   Insert data-backdrop="false" in the line which contains data-toggle="modal"

<a href="#myModal" data-backdrop="false" data-toggle="modal">Show Me</a>

Step : 2  Put the following javascript inside the head:

<script>
        $('.modal').modal({ keyboard: false,  show: true        });
   
        $('.modal-dialog').draggable({
            handle: ".modal-header"
        });
</script>


You may try the following script also



$("#myModal").draggable({
    handle: ".modal-header"
});