View on GitHub
Shadows(シャドウ)
ボックスシャドウを追加または削除できます。
Examples
shadow(components) はデフォルトで無効になっており、 $enable-shadowsで有効にできますが、box-shadow utility クラスを使用して shadow を追加や削除することもできます。
.shadow-none と3つのデフォルトサイズ（一致する変数が関連付けられている）のサポートが含まれています。
No shadow
Small shadow
Regular shadow
Larger shadow
<div class="shadow-none p-3 mb-5 bg-light rounded">No shadow</div>
<div class="shadow-sm p-3 mb-5 bg-white rounded">Small shadow</div>
<div class="shadow p-3 mb-5 bg-white rounded">Regular shadow</div>
<div class="shadow-lg p-3 mb-5 bg-white rounded">Larger shadow</div>