Source

Stíny

Přidejte nebo odstraňte stíny k prvkům pomocí obslužných programů box-shadow.

Příklady

Zatímco stíny na komponentách jsou ve výchozím nastavení v Bootstrap zakázány a lze je povolit pomocí $enable-shadows, můžete také rychle přidat nebo odebrat stín pomocí našich box-shadowtříd obslužných programů. Zahrnuje podporu .shadow-nonea tři výchozí velikosti (které mají přiřazené proměnné, které se mají shodovat).

Žádný stín
Malý stín
Pravidelný stín
Větší stín
<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>