とほほのBootstrap 4入門 - シャドウ

.shadow, .shadow-{none|sm|lg} はシャドー(影)を制御します。

Sample

Shadow none

Shadow small

Shadow

Shadow large

Code

<div class="shadow-none p-3 mb-3">Shadow none</div>
<div class="shadow-sm p-3 mb-3">Shadow small</div>
<div class="shadow p-3 mb-3">Shadow</div>
<div class="shadow-lg p-3">Shadow large</div>