open bootstrap modal with javascript

1$('#myModal').modal('toggle');
2$('#myModal').modal('show');
3$('#myModal').modal('hide');

1$("#myModal").modal()

1$('#code').on('shown.bs.modal', function (e) {
2  // do something...
3})
4

1var modal_lv = 0;
2$('.modal').on('shown.bs.modal', function (e) {
3    $('.modal-backdrop:last').css('zIndex',1051+modal_lv);
4    $(e.currentTarget).css('zIndex',1052+modal_lv);
5    modal_lv++
6});
7
8$('.modal').on('hidden.bs.modal', function (e) {
9    modal_lv--
10});

1<div class="modal-body">
2  <div class="container-fluid">
3    <div class="row">
4      <div class="col-md-4">.col-md-4</div>
5      <div class="col-md-4 ml-auto">.col-md-4 .ml-auto</div>
6    </div>
7    <div class="row">
8      <div class="col-md-3 ml-auto">.col-md-3 .ml-auto</div>
9      <div class="col-md-2 ml-auto">.col-md-2 .ml-auto</div>
10    </div>
11    <div class="row">
12      <div class="col-md-6 ml-auto">.col-md-6 .ml-auto</div>
13    </div>
14    <div class="row">
15      <div class="col-sm-9">
16        Level 1: .col-sm-9
17        <div class="row">
18          <div class="col-8 col-sm-6">
19            Level 2: .col-8 .col-sm-6
20          </div>
21          <div class="col-4 col-sm-6">
22            Level 2: .col-4 .col-sm-6
23          </div>
24        </div>
25      </div>
26    </div>
27  </div>
28</div>