in English

Сенки

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

Примери

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