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 vote196 views1 answer
JSON.stringify in sap ui5
Html
2 votes196 views2 answers
Onsubmit in html
Html
0 vote213 views1 answer
Limite file input to jpg
Html
0 vote180 views1 answer
Flex inside flex mr-auto not working
Html
2 votes177 views2 answers
No-gutter bootstrap 4
Html
0 vote183 views1 answer
How to prevent Netlify from treating warnings as errors because process.env.CI = true?
Html
1 vote165 views2 answers
Display none on button click
Html
0 vote198 views1 answer
Maven langage level
Html
10 votes150 views2 answers
Stylesheet einbinden html5
Html
1 vote189 views3 answers
Twig capitalize
Html