ਪਰਛਾਵੇਂ

ਬਾਕਸ-ਸ਼ੈਡੋ ਉਪਯੋਗਤਾਵਾਂ ਵਾਲੇ ਤੱਤਾਂ ਵਿੱਚ ਸ਼ੈਡੋ ਸ਼ਾਮਲ ਕਰੋ ਜਾਂ ਹਟਾਓ।

ਉਦਾਹਰਨਾਂ

ਜਦੋਂ ਕਿ ਬੂਟਸਟਰੈਪ ਵਿੱਚ ਕੰਪੋਨੈਂਟਾਂ 'ਤੇ ਸ਼ੈਡੋ ਡਿਫੌਲਟ ਤੌਰ 'ਤੇ ਅਸਮਰੱਥ ਹੁੰਦੇ ਹਨ ਅਤੇ ਇਸਨੂੰ ਦੁਆਰਾ ਸਮਰੱਥ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ $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>