انتقل إلى محتوى الدرس

Fixed and Sticky Helpers تثبيت الأشرطة العلوية والسفلية

تحكّم في سلوك التخطيط في بوتستراب 5.3 عبر كلاسات العرض والطباعة المتجاوبة، وإحداثيات التموضع المطلق والنسبي، والتوسيط بـ translate-middle، وتثبيت الأشرطة والفيضان وملاءمة الوسائط والطبقات.
1 صفوف تعليمية
بوتستراب 5
1 مشاهدة

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

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

لتثبيت شريط التنقل أو شريط الإجراءات أثناء تمرير الصفحة الطويلة، يوفر بوتستراب نمطين مختلفين جوهرياً:

  • التثبيت الدائم (.fixed-top و.fixed-bottom): ينتزع العنصر من التدفق الطبيعي للصفحة ويلصقه بأعلى أو أسفل الشاشة دائماً، مما يتطلب إضافة حشو تعويضي على <body> حتى لا يختفي المحتوى تحته.
  • التثبيت الذكي الهجين (.sticky-top و.sticky-bottom ونسخها المتجاوبة .sticky-md-top): يبقى العنصر في مكانه الطبيعي تماماً ولا يغطي ما بعده، وبمجرد وصول التمرير إليه يلتصق بحافة الشاشة طوال بقائه داخل حدود حاويته الأب!