Source

Vivuli

Ongeza au uondoe vivuli kwa vipengele vilivyo na huduma za kivuli-sanduku.

Mifano

Ingawa vivuli kwenye vijenzi vimezimwa kwa chaguo-msingi katika Bootstrap na vinaweza kuwashwa kupitia $enable-shadows, unaweza pia kuongeza au kuondoa kivuli kwa haraka na box-shadowmadarasa yetu ya matumizi. Inajumuisha usaidizi wa .shadow-nonena saizi tatu chaguo-msingi (ambazo zina viambatisho vinavyohusiana na vinavyolingana).

Hakuna kivuli
Kivuli kidogo
Kivuli cha mara kwa mara
Kivuli kikubwa zaidi
<div class="shadow-none p-3 mb-5 bg-light rounded">No shadow</div>
<div class="shadow-sm p-3 mb-5 bg-white rounded">Small shadow</div>
<div class="shadow p-3 mb-5 bg-white rounded">Regular shadow</div>
<div class="shadow-lg p-3 mb-5 bg-white rounded">Larger shadow</div>