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

51 votes155 views4 answers
Bootstrap display inline block
Html
2 votes150 views2 answers
How to put something on the bottom right corner in html
Html
0 vote151 views1 answer
Mettre des écritaux sur le coté html
Html
0 vote184 views1 answer
Remove cell border css
Html
0 vote152 views1 answer
Modal footer button center
Html
1 vote149 views1 answer
Handlebars teamplate script tag
Html
27 votes141 views6 answers
Animation properties css
Html
16 votes160 views6 answers
Basic html
Html
0 vote140 views1 answer
As onclick delete this html tag
Html
2 votes137 views4 answers
Html theme color
Html