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

BootStrap Height الطول في bootstrap

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

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

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

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

Setting Height

اعطاء طول مخصص لكل عنصر,

HTML 
<div class="h-25 d-inline-block p-2 bg-primary text-white">Height 25%</div>
<div class="h-50 d-inline-block p-2 bg-primary text-white">Height 50%</div>
جرّب بنفسك

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