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>