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

BootStrap Width العرض في bootstrap

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

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

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

الصف 1 شرح توضيحي
  • يمكن التحكم في عرض العناصر عن طريق الكلاسات (w-25, .w-50, .w-75, .w-100, .mw-100. ,w-auto).
  • تستخدم هذه الكلاسات لاعطاء عرض child element كنسبة مئوية من عرض parent element.
جرّب بنفسك

Setting Width

اعطاء عرض مخصص لكل عنصر.

HTML 
<div class="w-25 bg-primary text-white my-1 p-1">Width 25%</div>
<div class="w-50 bg-primary text-white my-1 p-1">Width 50%</div>
<div class="w-75 bg-primary text-white my-1 p-1">Width 75%</div>
جرّب بنفسك

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