陰影

使用 box-shadow 工具為元素新增或移除陰影。

範例

雖然 Bootstrap 中元件上的陰影預設為停用，且可透過 $enable-shadows 啟用，您也可以使用我們的 box-shadow 工具類別快速新增或移除陰影。包含對 .shadow-none 和三個預設尺寸（具有對應變數以進行比對）的支援。

無陰影

小陰影

一般陰影

較大陰影

<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>