موضع البداية بكلاس g-start | شبكة CSS Grid في بوتستراب 5

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

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

لتثبيت بداية العنصر عند خط مسار محدد بدلاً من استخدام الهوامش كما في .offset-*، استخدم كلاسات .g-start-1 حتى .g-start-11 (ونسخها المتجاوبة مثل .g-start-md-3). انتبه جيداً إلى أن ترقيم المسارات في CSS Grid يبدأ من الرقم 1؛ أي أن .g-start-3 يضع بداية العنصر عند العمود الثالث مباشرة (تاركاً عمودين فارغين قبله).

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

HTML

<div class="grid">
  <div class="g-col-4 g-start-2">Starts at 2 (spans 4)</div>
  <div class="g-col-4 g-start-8">Starts at 8 (spans 4)</div>
</div>

جرّب بنفسك

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

Start Placement g-start موضع البداية بكلاس g-start

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

جميع فقرات هذا الدرس (شبكة CSS Grid في بوتستراب 5)