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 vote162 views1 answer
Reactjs white space
Html
3 votes168 views2 answers
How to write 2 class in html
Html
0 vote164 views1 answer
OpenGraph 3
Html
-3 votes165 views3 answers
Html file input accept excel file
Html
0 vote170 views1 answer
How to display image in div using id in html
Html
7 votes172 views4 answers
Boilerplate code in html
Html
-1 vote167 views2 answers
Html small text
Html
0 vote168 views3 answers
How can we change background in loop img in webpages
Html
0 vote165 views1 answer
Citing html
Html
5 votes166 views2 answers
Display rond logo in angular
Html