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

-2 votes179 views1 answer
All codes of html
Html
0 vote172 views1 answer
Avoid textarea user input
Html
0 vote191 views1 answer
Table align center not working in github
Html
0 vote168 views1 answer
Favicon x shortcut icon
Html
0 vote159 views1 answer
Table body element
Html
3 votes190 views3 answers
Img svg not loading
Html
9 votes205 views6 answers
Table in bootstrap 4
Html
1 vote178 views1 answer
How to host html website
Html
38 votes175 views5 answers
Button open link in new tab
Html
0 vote172 views1 answer
React uncontrolled input initial value
Html