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

8 votes257 views1 answer
TypeError: Illegal invocation
Html
58 votes297 views6 answers
Link html
Html
0 vote286 views1 answer
Fa link
Html
4 votes289 views2 answers
Html capitalize
Html
3 votes266 views10 answers
Rick roll
Html
-1 vote300 views1 answer
Howt o get redirected to another page using a button in HTML using Python using Flask
Html
-1 vote268 views2 answers
Html small text
Html
10 votes264 views6 answers
Bootstrap 5 tabs
Html
1 vote293 views1 answer
Line break in button
Html
0 vote276 views1 answer
Html to app
Html