Floating modal bootstrap

<!-- html -->
<button href="#myModal" class="btn btn-settings" data-backdrop="false" data-toggle="modal">Open Modal</button>

<div id="myModal" class="modal fade">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                 <h4 class="modal-title">Settings</h4>  

            </div>
            <div class="modal-body">
                <h3>Lorem Ipsum</h3>
                <p>Praesent non dictum dolor, vitae interdum erat. Nam quis consectetur mi. In consequat condimentum tortor, et lobortis est convallis ac. Quisque volutpat posuere dui, pellentesque vulputate dolor. Morbi dapibus orci eu est consectetur, sed pretium mauris laoreet. Pellentesque sodales ante non justo viverra, sit amet consectetur nisl vulputate.</p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
                <button id="loadpage" type="button" class="btn btn-primary">Save</button>
            </div>
        </div>
        <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
</div>
<!-- /.modal -->

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

Similar codes

1 vote124 views1 answer
Markdown image by address
Html
58 votes127 views3 answers
Btn-default class in bootstrap 4
Html
2 votes110 views2 answers
Git ignore local files
Html
0 vote122 views1 answer
How to resize all images in a class html
Html
59 votes106 views4 answers
Bootstrap buttons Sizes
Html
35 votes101 views6 answers
Html image
Html
21 votes108 views5 answers
Linear gradient with image
Html
44 votes109 views6 answers
Html bold
Html
2 votes106 views2 answers
Bootstrap embed-responsive-4by3
Html
0 vote105 views1 answer
Simplecss.org cdn
Html