Source

પડછાયાઓ

બોક્સ-શેડો યુટિલિટીઝવાળા તત્વોમાં પડછાયાઓ ઉમેરો અથવા દૂર કરો.

ઉદાહરણો

જ્યારે ઘટકો પરના પડછાયાઓ બુટસ્ટ્રેપમાં ડિફૉલ્ટ રૂપે અક્ષમ હોય છે અને તે મારફતે સક્ષમ કરી શકાય છે , તમે અમારા ઉપયોગિતા વર્ગો $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>