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

BootStrap Active-Disabled Buttons الازرار الفعالة والمعطلة في bootstrap

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

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

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

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

باستخدام bootstrap يمكن التحكم في حالة اي button لجعله اما active اي يمكن استخدام cursor actions اجراءات المؤشر معه واما ان يكون هذا الزر inactive او disabled معطل اي لا يمكن استخدام اي cursor action معه.

  • active: في الوضع الافتراضي يكون الزر مفعلا لذلك ليس هناك حاجة لاضافة هذا الكلاس الا لاظهار الزر بشكل اوضح واكثر تميزا عن باقي الازرار.
  • disabled: اما disabled فيمكن اضافته ضمن الكلاسات او اضافته في صورة attribute منفصل لالغاء تفعيل هذا الزر.
  • <a>: عند الغاء تفعيل عنصر الرابط فيجب استعمال disabled في صورة كلاس فقط وليس attribute.

BootStrap Active-Disabled Buttons

تفعيل والغاء تفعيل الازرار في bootstrap.

HTML
<button type="button" class="btn btn-primary active">Active Primary</button>
<button type="button" class="btn btn-primary" disabled>Disabled Primary</button>
<a href="#" class="btn btn-primary disabled">Disabled Link</a>