عرض مصدر Bootstrap/shadows

<noinclude>{{DISPLAYTITLE:مكوِّن الظلال Shadows في إطار العمل Bootstrap}}</noinclude>
أضف الظلال أو أزلها عن العناصر باستخدام أدوات <code>box-shadow</code>.

== أمثلة ==
ظلال المكونات مُعطَّلة افتراضيًا في Bootstrap، ويمكن إتاحتها عبر <code>‎$enable-shadows،</code> علاوة على ذلك يمكنك إضافة الظل أو إزالته بسرعة باستخدام أصناف <code>box-shadow</code>. كما تتضمّن دعمًا لـ <code>‎.shadow-none</code> وثلاثة أحجام افتراضية (لها متغيرات مرتبطة بها لمطابقتها).<syntaxhighlight lang="html">
<div class="shadow-none p-3 mb-5 bg-light rounded">لا ظل</div>
<div class="shadow-sm p-3 mb-5 bg-white rounded">ظل صغير</div>
<div class="shadow p-3 mb-5 bg-white rounded">ظل عادي</div>
<div class="shadow-lg p-3 mb-5 bg-white rounded">ظل كبير</div>
</syntaxhighlight>

== مصادر ==
* [https://getbootstrap.com/docs/4.5/utilities/shadows/ صفحة shadows في توثيق Bootstrap].
[[تصنيف:Bootstrap|{{SUBPAGENAME}}]]