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

BootStrap Position الموقع في boostrap

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

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

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

الصف 1 شرح توضيحي
  • لتثبيت position موضع اي عنصر يمكننا استخدام الكلاس fixed والكلاس sticky.
  • نستخدم كلاس *-fixed حيث * تمثل الموضع اما top واما bottom.
  • يستخدم كلاس sticky بنفس الطريقة sticky-top او sticky-bottom.
  • مع كلاس sticky يمكن تحديد حجم الشاشة مثل sticky-sm-top و sticky-lg-bottom وهكذا.

Position Top

عمل position ثابت لعنصر nav.

HTML
<nav class="fixed-top">
  ...
</nav>