`Bootstrap4.6`では、`.table-responsive`の要素内でドロップダウン(`.dropdown-menu`)を表示すると、ドロップダウン項目が多い場合に`.table-responsive`の範囲外にはみ出してしまい、見切れる場合がある。 その場合は、ドロップダウンボタンに`data-boundary="viewport"`を指定すれば良い。 ```html <div class="btn-group"> <button type="button" class="btn btn-primary dropdown-toggle" id="button1" data-toggle="dropdown" data-boundary="viewport" aria-haspopup="true" aria-expanded="false"> ドロップダウン </button> <div class="dropdown-menu" aria-labelledby="button1"> <a href="#" class="dropdown-item"> メニュー </a> </div> </div> ``` [参考](https://stackoverflow.com/a/51992907)
2021/07/07 18:46:09

コメント (0)

あなたもコメントしてみませんか

アカウント新規作成(無料)

既にアカウントを持っている方は ログイン