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 vote257 views2 answers
Fibonacci Series in html
Html
0 vote292 views1 answer
Canadian postal code pattern input html
Html
0 vote254 views1 answer
Html select default message
Html
98 votes262 views6 answers
How to hide scrollbar html
Html
2 votes255 views1 answer
Html how to make element focusable
Html
1 vote211 views1 answer
Asp hyperlink
Html
11 votes269 views2 answers
Linked image html
Html
9 votes248 views2 answers
Open image in new tab html
Html
0 vote233 views1 answer
Twig not render
Html
3 votes258 views1 answer
Nuxt i18n link
Html