परछाई पड़ल बा

बॉक्स-शैडो उपयोगिता वाला तत्व सभ में छाया जोड़ल भा हटावल।

एह पन्ना पर दिहल गइल बा

उदाहरण खातिर दिहल गइल बा

जबकि घटक पर छाया बूटस्ट्रैप में डिफ़ॉल्ट रूप से अक्षम बा आ , के माध्यम से सक्षम कइल जा सकेला , रउआ हमनी के उपयोगिता वर्ग के $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,
      )
    ),