影
box-shadow ユーティリティを使って、要素に影を追加したり削除したりしましょう。
サンプル
各コンポーネントの影は Bootstrap のデフォルトでは無効になっています。$enable-shadows で有効にできますが、box-shadow ユーティリティクラスでも簡単に影の追加や削除ができます。.shadow-none と3つのデフォルトサイズ（それぞれ対応する変数あり）をサポートしています。
影なし
小さい影
普通の影
大きい影
<div class="shadow-none p-3 mb-5 bg-light rounded">影なし</div>
<div class="shadow-sm p-3 mb-5 bg-white rounded">小さい影</div>
<div class="shadow p-3 mb-5 bg-white rounded">普通の影</div>
<div class="shadow-lg p-3 mb-5 bg-white rounded">大きい影</div>