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

0 vote209 views2 answers
How to install Ubuntu 17.04 in VMWare Workstation
Html
0 vote182 views1 answer
Object to string angular html
Html
0 vote396 views1 answer
Webview html
Html
14 votes180 views3 answers
Accordion html
Html
21 votes182 views3 answers
Scrollable div
Html
0 vote207 views1 answer
Bootstrap tabs multiple
Html
0 vote180 views1 answer
How to stop moving text in html when you hover over it
Html
1 vote173 views1 answer
Void javascript
Html
3 votes188 views1 answer
Define the author of a page:
Html
0 vote175 views1 answer
OpenGraph 3
Html