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>