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

BootStrap Button Sizes احجام الزر في bootstrap

ستتعلم في هذا الدرس تصميم buttons ازرار بسهوله جداً وتخصيص borders اطارات لها والتحكم في حالتها وحجمها عن طريق كلاسات button الموجودة في اطار عمل bootstrap.

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

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

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

بجانب الحجم الافتراضي للازرار يوفر لك bootstrap حجمين اخرين يمكن استخدامهما مع اي زر وهما:

  • btn-lg: لجعل الزر اكبر من الحجم الافتراضي.
  • btn-sm: لجعل الزر اصغر من الحجم الافتراضي.
جرّب بنفسك

Button Sizes

استخدام كلاس btn-lg و btn-sm لتخصيص حجم الزر.

HTML 
<button type="button" class="btn btn-primary btn-lg">Large</button>
<button type="button" class="btn btn-primary">Default</button>
<button type="button" class="btn btn-primary btn-sm">Small</button>
جرّب بنفسك

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