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 votes308 views1 answer
Remove border in ion item
Html
43 votes278 views6 answers
Html line break
Html
0 vote290 views1 answer
Markdown new page break
Html
0 vote308 views1 answer
Get all classes from html file
Html
0 vote307 views1 answer
Textarea self expandable height
Html
53 votes324 views5 answers
Html anchor
Html
23 votes223 views3 answers
Set width img html
Html
0 vote283 views1 answer
Twitter card meta tags
Html
2 votes289 views1 answer
Button verlinken html
Html
0 vote289 views1 answer
Convert html datetime-local to java LocalDateTime
Html