• LINEで送る

上から降りてくるダイアログを作る

システム系だとこれはかなり使い勝手が良さそうです。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<button type="button" class="btn btn-primary" data-toggle="modal" data-target=".bs-example-modal-lg">大きいダイアログ</button>
<div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-lg">
    <div class="modal-content">
      <div style="padding: 15px;" class="text-center">
        <p class="text-danger">実行して宜しいですか?</p>
        <div>
          <button type="button" class="btn btn-info">実行する</button>
        </div>
      </div>
    </div>
  </div>
</div>
 
<button type="button" class="btn btn-primary" data-toggle="modal" data-target=".bs-example-modal-sm">小さいダイアログ</button>
<div class="modal fade bs-example-modal-sm" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-sm">
    <div class="modal-content">
      <div style="padding: 15px;" class="text-center">
        <p class="text-danger">実行して宜しいですか?</p>
        <div>
          <button type="button" class="btn btn-info">実行する</button>
        </div>
      </div>
    </div>
  </div>
</div>