مؤسسة زر

زر نمط

تقدم مؤسسة ستة أنماط زر. .button الطبقة يخلق زر الأزرق مع الحشو. ألوان مختلفة لفئة زر: .secondary ، .success ، .info ، .warning أو .alert :

أمثلة

<نوع زر = "زر" الطبقة = "زر"> افتراضي </ زر>
<نوع زر = "زر" الطبقة = "زر الثانوية"> الثانوية </ زر>
<زر نوع = "زر" الطبقة = "زر نجاح"> النجاح </ زر>
<زر نوع = "زر" الطبقة = "المعلومات زر"> معلومات </ زر>
<زر نوع = "زر" الطبقة = "زر تحذير"> تحذير </ زر>
<زر نوع = "زر" الطبقة = "التنبيه زر"> تنبيه </ زر>

محاولة »

فئة زر يمكن استخدامها في <a> ، <button> ، أو <input> العنصر:

أمثلة

<A أ href = "#" الطبقة = "button دور info" = "button"> زر الرابط </ A>
<نوع زر = "زر" الطبقة = "المعلومات زر"> زر </ زر>
<نوع الإدخال = "زر" الطبقة = "المعلومات زر" القيمة = "الإدخال زر">
<نوع الإدخال = "تقديم" الطبقة = "المعلومات زر" القيمة = "إرسال زر">

محاولة »

	لماذا علامة href ل#؟ عندما لا تريد القفز والضغط على الرابط للحصول على "404" صفحة، فإننا يمكن أن يحدد علامة HREF #.

زر الحجم

يمكننا استخدام .large ، .small أو .tiny فئة لتعيين حجم الزر:

أمثلة

<نوع زر = "زر" الطبقة = "زر كبيرة"> كبير </ زر>
<نوع زر = "زر" الطبقة = "زر"> افتراضي </ زر>
<نوع زر = "زر" الطبقة = "زر صغير"> الصغيرة </ زر>
<نوع زر = "زر" الطبقة = "زر صغير"> الصغير </ زر>

محاولة »

زر مستدير

يمكنك استخدام .radius و .round فئة لتعيين زر الجولة:

أمثلة

<نوع زر = "زر" الطبقة = "زر"> افتراضي زر </ زر>
<زر نوع = "زر" الطبقة = "زر دائرة نصف قطرها"> الشعاع زر </ زر>
<زر نوع = "زر" الطبقة = "زر جولة"> زر جولة </ زر>

محاولة »