المحاذاة المستقلة لعمود مفرد | محاذاة وترتيب الأعمدة في بوتستراب 5

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

الصف 1 شرح توضيحي

إذا أردت تحريك عمود واحد بمفرده إلى الأعلى أو المنتصف أو الأسفل دون تغيير محاذاة بقية الأعمدة المجاورة له في نفس الصف، ضع الكلاس على العمود نفسه باستخدام .align-self-start أو .align-self-center أو .align-self-end (مع دعم كامل للنسخ المتجاوبة مثل .align-self-md-center).

الصف 2 كود برمجي

HTML

<div class="container">
  <div class="row" style="min-height: 110px;">
    <div class="col align-self-start">Top</div>
    <div class="col align-self-center">Middle</div>
    <div class="col align-self-end">Bottom</div>
  </div>
</div>

جرّب بنفسك

الصف 3 ملاحظة هامة

Single Column Align Self المحاذاة المستقلة لعمود مفرد

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

جميع فقرات هذا الدرس (محاذاة وترتيب الأعمدة في بوتستراب 5)