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

BootStrap Vertical Align المحاذاة الراسية في bootstrap

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

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

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

الصف 1 شرح توضيحي
  • يستخدم كلاس *-align في عمل محاذاة راسية للعناصر (align-top, align-bottom, align-middle, align-baseline).
  • تعمل هذه الكلاسات فقط مع (inline, inline-block, inline-table, table-cell elements).

Result

جرّب بنفسك

Vertical Alignment

عمل محاذاة راسية المحتوى الذي بداخل العناصر.

HTML 
<span class="align-baseline">baseline</span>
<span class="align-top">top</span>
<span class="align-middle">middle</span>
<span class="align-bottom">bottom</span>
جرّب بنفسك

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