上から降りてくるダイアログを作る
システム系だとこれはかなり使い勝手が良さそうです。
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> |