ئاساسلىق مەزمۇنغا ئاتلاڭ Docs يول باشلاش
in English

سايە

سايە سايە قورالى بار ئېلېمېنتلارغا سايە قوشۇڭ ياكى ئېلىڭ.

مىساللار

زاپچاسلارنىڭ سايىسى Bootstrap دا سۈكۈتتىكى ھالەتتە چەكلەنگەن ۋە ئۇنى قوزغىتىشقا بولىدىغان ۋاقىتتا ، سىز يەنە بىزنىڭ دەرسلىكلىرىمىز $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>

Sass

ئۆزگەرگۈچى مىقدار

$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);

Utilities API

سايە ئەسلىھەلىرى بىزنىڭ API دا ئېلان قىلىنغان scss/_utilities.scss. API نى قانداق ئىشلىتىشنى ئۆگىنىۋېلىڭ.

    "shadow": (
      property: box-shadow,
      class: shadow,
      values: (
        null: $box-shadow,
        sm: $box-shadow-sm,
        lg: $box-shadow-lg,
        none: none,
      )
    ),