Pitani kuzinthu zazikulu Pitani kumayendedwe adocs
Check
in English

Mithunzi

Onjezani kapena chotsani mithunzi pazinthu zomwe zili ndi mthunzi wa bokosi.

Patsamba ili

Zitsanzo

Ngakhale mithunzi pazigawo zimayimitsidwa mwachisawawa mu Bootstrap ndipo imatha kuthandizidwa kudzera pa $enable-shadows, mutha kuwonjezera kapena kuchotsa mthunzi mwachangu ndi box-shadowmakalasi athu othandizira. Imaphatikizanso .shadow-nonendi ma saizi atatu osasinthika (omwe ali ndi zosinthika kuti zigwirizane).

Palibe mthunzi
Mthunzi wawung'ono
Mthunzi wokhazikika
Mthunzi waukulu
html
<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

Zosintha

$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

Zothandizira pazithunzi zimalengezedwa muzothandizira zathu API mu scss/_utilities.scss. Phunzirani momwe mungagwiritsire ntchito API.

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