انتقل إلى محتوى الدرس
ابدأ رحلتك
فقرة فرعية #10 من درس: الادوات المساعدة في BootStrap

BootStrap Shadows الظلال في bootstrap

ستتعلم في هذا الدرس عمل styling لكثير من elements العناصر وجعلها more responsive اكثر تجاوبا بدون كتابة كود CSS وذلك باستخدام اطار عمل bootstrap.

1 صفوف تعليمية
Bootstrap
3,170 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي
  • يكفي استخدام كلاس shadow لاضافة shadows ظلال للعنصر.
  • للتحكم في حجم shadows يمكن استخدام shadow-sm لعمل small shadow و shadow-lg لعمل large shadow.
  • لازالة shadow يمكن استخدام كلاس shadow-none.
جرّب بنفسك

BootStrap Shadow

عمل shadows باستخدام bootstrap.

HTML 
<div class="shadow-none p-4 mb-4 bg-light">No shadow</div>
<div class="shadow-sm p-4 mb-4 bg-white">Small shadow</div>
<div class="shadow p-4 mb-4 bg-white">Default shadow</div>
<div class="shadow-lg p-4 mb-4 bg-white">Large shadow</div>
جرّب بنفسك

جميع فقرات هذا الدرس (الادوات المساعدة في BootStrap)