Html data-target modal

Bootstrap modals

<div class="modal" tabindex="-1" role="dialog">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title">Modal title</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">×</span>
        </button>
      </div>
      <div class="modal-body">
        <p>Modal body text goes here.</p>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-primary">Save changes</button>
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
      </div>
    </div>
  </div>
</div>

Source: getbootstrap.com

Html data-target modal

$('#myModal').modal('show')

Source: getbootstrap.com

Similar codes

2 votes358 views1 answer
Onclick show div and hide other div
Html
0 vote298 views1 answer
Default value to select simple form for
Html
60 votes330 views2 answers
Radio buttons
Html
0 vote283 views1 answer
Html download file from server to client
Html
74 votes347 views6 answers
Href on a button
Html
14 votes294 views5 answers
How to add telephone number in html
Html
5 votes271 views1 answer
Vuejs router
Html
0 vote266 views1 answer
Bootstrap table downwards
Html
0 vote317 views1 answer
How to show data in html table from database in multiple table in laravel
Html
1 vote296 views1 answer
Height() jquery com php
Html