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 vote139 views1 answer
Routerlinkactiveoptions
Html
0 vote142 views1 answer
Disabled attribute is not working in html
Html
53 votes104 views6 answers
Html favicon link
Html
0 vote137 views1 answer
Nested columsn inside bootstrap
Html
0 vote137 views1 answer
Edit text on click html5
Html
0 vote178 views1 answer
Embed meta tag nextjs
Html
0 vote164 views1 answer
Create custum tage html
Html
0 vote146 views1 answer
What is hot crypto wallet
Html
1 vote153 views1 answer
Tailwind uppercase
Html
1 vote90 views1 answer
Ionic ngfor object
Html