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 vote315 views1 answer
How to add a row in table html
Html
0 vote325 views2 answers
How to install Ubuntu 17.04 in VMWare Workstation
Html
24 votes355 views5 answers
Gold Color hash code
Html
0 vote400 views1 answer
How to add number input field with default value
Html
15 votes305 views1 answer
Pdf to html
Html
0 vote345 views1 answer
Svg rect
Html
8 votes357 views5 answers
Html redirect
Html
13 votes401 views1 answer
Box draw html
Html
14 votes333 views5 answers
Cdn vuejs 3
Html
0 vote320 views1 answer
Default value to select simple form for
Html