Bootstrap4.xの使い方をBootstrap3.xからの変更箇所を交えて解説しています。
陰影ユーティリティ（Shadows） v4.1.0新設
box-shadowユーティリティを使って要素に影を追加または削除。
実例（Examples）
Bootstrapではコンポーネントの影はデフォルトでは無効になっており、$enable-shadows で有効にすることも可能だが、box-shadow ユーティリティクラスで影を追加または削除可能。.shadow-none と3つのデフォルトサイズ（対応する変数が一致）のサポートを含む。
影の種類
影なし：
.shadow-none小さめの影：
.shadow-smデフォルトの影：
.shadow大きめの影：
.shadow-lg設定例
<div class="shadow-none p-3 mb-5 bg-light rounded">...</div>【設定】
- 影を入れたいまたは削除したい要素に
.shadow(-{size})を入れる（.shadow(-{size})は上記「影の種類」から選択）