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

0 vote163 views1 answer
Store json object in data attribute in html
Html
0 vote164 views1 answer
1x1 transparent image base 64
Html
1 vote177 views2 answers
Salesforce aura toggle input
Html
0 vote154 views2 answers
Jquery get value of input submit
Html
0 vote163 views1 answer
About us html template
Html
26 votes138 views3 answers
Array in c
Html
8 votes176 views3 answers
Css change font awesome icon color
Html
0 vote171 views4 answers
Parcel
Html
0 vote159 views1 answer
Html path svg stop
Html
0 vote176 views1 answer
Html element hover helptext
Html