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

1 vote237 views1 answer
How to add a browser tab icon (favicon)?
Html
1 vote258 views2 answers
Bootstrap input field validation
Html
5 votes238 views2 answers
Alt meaning in html
Html
1 vote230 views1 answer
How to add a description to a table html
Html
0 vote258 views1 answer
Thead position sticky
Html
26 votes276 views4 answers
How to move text up and down in html
Html
0 vote263 views1 answer
Html table with sortable columns
Html
1 vote252 views1 answer
[(ngModel)] in a select
Html
230 votes409 views6 answers
Include script in html
Html
0 vote254 views1 answer
Change iframe src by clicking a link
Html