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 vote312 views2 answers
Which text is used to create text animations in html
Html
2 votes334 views1 answer
How to switch between html pages
Html
21 votes320 views3 answers
Scrollable div
Html
0 vote329 views1 answer
Tailwind css text wrap
Html
0 vote357 views1 answer
Zoom inkcanvas
Html
4 votes328 views1 answer
React select, option
Html
2 votes301 views1 answer
Ternary vuejs
Html
0 vote326 views1 answer
Html to app
Html
69 votes339 views2 answers
Bootstrap background
Html
0 vote310 views1 answer
How to put anchor in center in html
Html