使用阴影实用工具来为元素添加或删除阴影。

示例

虽然组件上的阴影在Bootstrap中默认是禁用的,但是可以通过 $enable-shadows 来启用, 并且你还可以通过 box-shadow 工具类快速添加或删除阴影。包括对 .shadow-none 和三个默认大小的支持(它们有需要匹配的相关变量)。

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>