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

BootStrap Button Outline الاطار الخارجي للازرار في bootstrap

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

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

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

الصف 1 شرح توضيحي
  • يمكن ايضا اضافة borders - outlines اطارات بـ 8 الوان مختلفة.
  • يكتب هذا الكلاس بنفس طريقة كلاسات الزر العادية مع اضافة كلمة outline بعد btn مثل btn btn-outline-primary.
جرّب بنفسك

Button Outline

مثال على كلاس btn-outline

HTML 
<button type="button" class="btn btn-outline-primary">Primary</button>
<button type="button" class="btn btn-outline-secondary">Secondary</button>
<button type="button" class="btn btn-outline-success">Success</button>
<button type="button" class="btn btn-outline-info">Info</button>
<button type="button" class="btn btn-outline-warning">Warning</button>
<button type="button" class="btn btn-outline-danger">Danger</button>
<button type="button" class="btn btn-outline-dark">Dark</button>
<button type="button" class="btn btn-outline-light text-dark">Light</button>
جرّب بنفسك

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