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 vote88 views1 answer
What is rc in version
Html
1 vote105 views1 answer
Ionic skeleton
Html
0 vote112 views1 answer
Javascript to select td element that was clicked in a table
Html
4 votes102 views2 answers
How to set domain name on localhost linux ubuntu xampp
Html
7 votes96 views2 answers
Tab image code
Html
0 vote111 views1 answer
Concat dataframes r vertically
Html
0 vote100 views1 answer
Why html
Html
168 votes114 views6 answers
How to use style in html
Html
0 vote92 views1 answer
Unescape html js
Html
0 vote107 views1 answer
Javascript update number
Html