<!-- 1.モーダル表示のためのボタン --> <button class="btn btn-primary" data-toggle="modal" data-target="#modal-example"> モーダルダイアログ表示 </button> <!-- 2.モーダルの配置 --> <div class="modal" id="modal-example" tabindex="-1"> <div class="modal-dialog"> <!-- 3.モーダルのコンテンツ --> <div class="modal-content"> <!-- 4.モーダルのヘッダ --> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal"> <span aria-hidden
![Bootstrapのモーダルダイアログやプログレスバーを使ってユーザーにやさしいWebアプリにしよう](https://cdn-ak-scissors.b.st-hatena.com/image/square/c81cb3ad57389439de04ad9dff7d7a1f2105a00f/height=288;version=1;width=512/https%3A%2F%2Fcodezine.jp%2Fstatic%2Fimages%2Farticle%2F8270%2F8270_arena.png)