在GitHub上查看
阴影
使用阴影实用工具来为元素添加或删除阴影。
示例
虽然组件上的阴影在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>