Source

Árnyak

Árnyékok hozzáadása vagy eltávolítása az elemekhez box-shadow segédprogrammal.

Példák

Míg a komponenseken lévő árnyékok alapértelmezés szerint le vannak tiltva a Bootstrapban, és a segítségével engedélyezhetők , a segédprogramosztályaink $enable-shadowssegítségével gyorsan hozzáadhat vagy eltávolíthat árnyékot . box-shadowTámogatást .shadow-noneés három alapértelmezett méretet tartalmaz (amelyhez az illeszkedéshez társított változók vannak).

Nincs árnyék
Kis árnyék
Szabályos árnyék
Nagyobb árnyék
<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>