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

6 votes144 views5 answers
Composer new laravel 8
Html
1 vote109 views1 answer
Pass a method to composite jsf
Html
0 vote123 views1 answer
About us html template
Html
0 vote113 views1 answer
Alpine js get input value
Html
0 vote118 views1 answer
Ignor < in html
Html
0 vote119 views1 answer
How to change color in html element
Html
1 vote141 views1 answer
How to add button to open a website using html
Html
3 votes108 views1 answer
Cdn matter.js
Html
2 votes129 views2 answers
Html p tag
Html
0 vote128 views1 answer
How to youtube video running again and again html
Html