Сенки

Добавяне или премахване на сенки към елементи с помощни програми за сенки на кутии.

Примери

Докато сенките върху компонентите са деактивирани по подразбиране в 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>