bootstrapでモーダルウィンドウ

## 基本
* bootstrapのCSS、jsの読み込み必須。
* IDを割り振っておく。

▼「data-target="#sampleModal"」と「id="sampleModal"」が対になる
```html
モーダルを開くボタン



  

    
    

      省略
    
    
    

      省略
    
  
    
  

    閉じる
  

```
※buttonタグでも大丈夫。

## javascript（jquery）で開く
* 開くリンクやボタンを対象にclickイベントを実行させる
* 「modal()」（or「modal('show')」）を使う

```javascript
$('#sampleModal').modal();
```

## javascript（jquery）で閉じる
・「modal('hide')」を使う

```javascript
$('#sampleModal').modal('hide');
```

## 関連項目
- [bootstrapでモーダルのイベント関連](/laboratory/detail/bootstrap_modal_event)

## サンプル
- [Bootstrapのモーダルのサンプル](/laboratory/experiment/bootstrap_modal001)