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 vote152 views1 answer
How to toggle hover display text of button on click
Html
1 vote203 views1 answer
Validation script for cnic pattern in html
Html
3 votes149 views5 answers
Vuejs v-on
Html
27 votes170 views3 answers
Change font size of h1 in html
Html
0 vote157 views2 answers
Multiple countdown html js
Html
77 votes159 views6 answers
Html button with link
Html
0 vote121 views3 answers
Tailwind css card
Html
0 vote177 views4 answers
Pattern input html
Html
0 vote145 views1 answer
Ionic1 disable tab
Html
0 vote139 views1 answer
Html gallery
Html