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

7 votes309 views2 answers
Html description tag
Html
4 votes309 views1 answer
A href to other site
Html
0 vote318 views2 answers
Center a video horizontally
Html
0 vote317 views1 answer
Mettre des écritaux sur le coté html
Html
11 votes298 views4 answers
Min length input html
Html
0 vote315 views1 answer
Html disable submit until all required field is complete
Html
0 vote323 views1 answer
How to protect + embed google drive video html5
Html
0 vote303 views1 answer
Html path svg stop
Html
9 votes304 views3 answers
Angular click event
Html
226 votes367 views6 answers
Html css
Html