in English
परछाई पड़ल बा
बॉक्स-शैडो उपयोगिता वाला तत्व सभ में छाया जोड़ल भा हटावल।
एह पन्ना पर दिहल गइल बा
उदाहरण खातिर दिहल गइल बा
जबकि घटक पर छाया बूटस्ट्रैप में डिफ़ॉल्ट रूप से अक्षम बा आ , के माध्यम से सक्षम कइल जा सकेला , रउआ हमनी के उपयोगिता वर्ग के $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-body rounded">Small shadow</div>
<div class="shadow p-3 mb-5 bg-body rounded">Regular shadow</div>
<div class="shadow-lg p-3 mb-5 bg-body rounded">Larger shadow</div>
ससस के बा
चर के बारे में बतावल गइल बा
$box-shadow: 0 .5rem 1rem rgba($black, .15);
$box-shadow-sm: 0 .125rem .25rem rgba($black, .075);
$box-shadow-lg: 0 1rem 3rem rgba($black, .175);
$box-shadow-inset: inset 0 1px 2px rgba($black, .075);
उपयोगिता एपीआई के बा
छाया उपयोगिता के हमनी के उपयोगिता एपीआई में घोषित कइल गइल बा scss/_utilities.scss
. उपयोगिता एपीआई के इस्तेमाल करे के तरीका जानें।
"shadow": (
property: box-shadow,
class: shadow,
values: (
null: $box-shadow,
sm: $box-shadow-sm,
lg: $box-shadow-lg,
none: none,
)
),