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

38 votes240 views4 answers
How to make new line in html paragraph
Html
0 vote204 views1 answer
Html download file from server to client
Html
0 vote208 views1 answer
Drupal to wordpress
Html
1 vote214 views1 answer
Center unordered list html
Html
9 votes219 views1 answer
Viewport meta tags
Html
1 vote210 views2 answers
Button to hide and show div
Html
0 vote235 views1 answer
Twig map
Html
0 vote223 views1 answer
Ionic 5-star-rating
Html
0 vote214 views1 answer
Cuales son los elementos bloque y los elementos linea html
Html
21 votes214 views4 answers
Link in markdown
Html