Téigh ar aghaidh chuig an bpríomhábhar Scipeáil chuig nascleanúint docs
in English

Scáthanna

Cuir nó bain scáthanna le heilimintí le fóntais scáthbhosca.

Ar an leathanach seo

Samplaí

Cé go bhfuil scáthanna ar chomhpháirteanna díchumasaithe de réir réamhshocraithe i Bootstrap agus gur féidir iad a chumasú trí $enable-shadows, is féidir leat scáth a chur leis nó a bhaint go tapa lenár box-shadowranganna fóntais. Áirítear leis tacaíocht do .shadow-noneagus trí mhéid réamhshocraithe (a bhfuil athróga gaolmhara le meaitseáil).

Gan scáth
Scáth beag
Scáth rialta
Scáth níos mó
<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

Athróga

$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

Dearbhaítear fóntais scáth inár bhfóntas API i scss/_utilities.scss. Foghlaim conas an API fóntais a úsáid.

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