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

30 votes170 views4 answers
Metadata html
Html
12 votes191 views3 answers
Bootstrap cards with image
Html
0 vote178 views1 answer
Sublimelinter-html-tidy for linux
Html
32 votes181 views6 answers
Border class bootstrap
Html
45 votes176 views3 answers
Button color bootstrap
Html
5 votes191 views4 answers
What is redux thunk
Html
0 vote197 views4 answers
Parcel
Html
10 votes169 views2 answers
Iframe border none
Html
0 vote176 views1 answer
Vue paragraph not showing when class applied to it
Html
1 vote192 views1 answer
Transform bounce css
Html