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 vote346 views1 answer
Render html helper list + prestashop 1.7
Html
0 vote307 views1 answer
Jquery demo
Html
1 vote334 views2 answers
Load pdf html
Html
0 vote354 views2 answers
How to add see button in password input in html
Html
0 vote314 views3 answers
How to get svg from pucblic folder in react
Html
5 votes566 views2 answers
Disable a tag
Html
7 votes328 views2 answers
How to add multiple CSS inline html
Html
58 votes357 views6 answers
Link html
Html
1 vote327 views2 answers
How to open html file in terminal
Html
1 vote691 views1 answer
Html to powerpoint
Html