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 votes193 views2 answers
Jinja2 iterate dict
Html
0 vote152 views1 answer
Question 04 => No
Html
12 votes164 views1 answer
Jquery ui cdn
Html
3 votes179 views1 answer
Stop video javascript
Html
0 vote159 views1 answer
Command checked datagrid wpf
Html
0 vote153 views1 answer
Register form html
Html
0 vote176 views1 answer
How to fix pendrive eject problem kali linux
Html
0 vote153 views1 answer
HTML table fixing a column
Html
5 votes171 views1 answer
Button radius bootstrap 4
Html
1 vote152 views4 answers
Semantic ui
Html